dem0n

Forum Replies Created

Viewing 8 replies - 1 through 8 (of 8 total)
  • Forum: Plugins
    In reply to: [Lazy Loader] Doesn’t lazy load images
    Thread Starter dem0n

    (@dem0n)

    8 years, 11 months ago

    Wish I could. Tried uploading but it’s just not at that stage yet. Getting nothing but errors. I’ll have to come back to this later when I’ve had time to prepare it. Again, thanks for the help though. I’ll disable the plugin for now and continue working on the rest.

    Forum: Plugins
    In reply to: [Lazy Loader] Doesn’t lazy load images
    Thread Starter dem0n

    (@dem0n)

    8 years, 11 months ago

    Hmm I added 6 more images and all of them display lazyloaded from the start aswell. So it’s not limited to the first three 🙁

    Just want to say I really appreciate you taking to time to look at this.

    Forum: Plugins
    In reply to: [Lazy Loader] Doesn’t lazy load images
    Thread Starter dem0n

    (@dem0n)

    8 years, 11 months ago

    Hmm yes I have to add like 110 line breaks before the class stays at lazyload. Then as soon as I scroll, it turns to lazyloaded, even before the images are visible on the screen.

    Is this perhaps a CSS styling conflict or something?

    • This reply was modified 8 years, 11 months ago by dem0n.
    Forum: Plugins
    In reply to: [Lazy Loader] Doesn’t lazy load images
    Thread Starter dem0n

    (@dem0n)

    8 years, 11 months ago

    Oh! It’s changed it to lazyloaded class. That’s odd. But I guess we’re getting somewhere now 😀

    It’s changed ALL images to lazyloaded. Even the images that shouldn’t be loaded yet.

    • This reply was modified 8 years, 11 months ago by dem0n.
    Forum: Plugins
    In reply to: [Lazy Loader] Doesn’t lazy load images
    Thread Starter dem0n

    (@dem0n)

    8 years, 11 months ago

    No 🙁

    I can see the plugin has added 

    <style>.js img.lazyload {
			display: block;
		}

img.lazyload {
			display: none;
		}</style>

    And 

    <script type='text/javascript' src='http://dev.dobson.be/wp-content/plugins/lazy-loading-responsive-images/js/lazysizes.min.js?ver=4.8'></script>
<script type='text/javascript'>
if (!document.documentElement.classList.contains('js')) {
			document.documentElement.classList.add('js');
		}
		
</script>

    But that’s about it.

    Forum: Plugins
    In reply to: [Lazy Loader] Doesn’t lazy load images
    Thread Starter dem0n

    (@dem0n)

    8 years, 11 months ago

    No 🙁
    Here’s the whole thing.

    <!DOCTYPE html>
<html class="no-js" lang="en-US" prefix="og: http://ogp.me/ns#" >
	<head>
		<title>Header Illustration - Portfolio of Konrad Dobson v8.0</title>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no" />
		<meta name="format-detection" content="telephone=no">
		<link rel="profile" href="http://gmpg.org/xfn/11">
		<!-- <link rel="shortcut icon" type="image/x-icon" href="http://dev.dobson.be/wp-content/themes/dobson_v8/assets/images/favicon/favicon.ico" /> -->

<!-- This site is optimized with the Yoast SEO plugin v5.0.1 - https://yoast.com/wordpress/plugins/seo/ -->
<!-- Admin only notice: this page doesn't show a meta description because it doesn't have one, either write it for this page specifically or go into the SEO -> Titles menu and set up a template. -->
<link rel="canonical" href="http://dev.dobson.be/work/header-illustration/" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Header Illustration - Portfolio of Konrad Dobson v8.0" />
<meta property="og:url" content="http://dev.dobson.be/work/header-illustration/" />
<meta property="og:site_name" content="Portfolio of Konrad Dobson v8.0" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Header Illustration - Portfolio of Konrad Dobson v8.0" />
<!-- / Yoast SEO plugin. -->

<link rel='dns-prefetch' href='//s.w.org' />
<link rel='stylesheet' id='wpml-legacy-horizontal-list-0-css'  href='http://dev.dobson.be/wp-content/plugins/sitepress-multilingual-cms/templates/language-switchers/legacy-list-horizontal/style.css?ver=1' type='text/css' media='all' />
<link rel='stylesheet' id='dobson_v8-style-css'  href='http://dev.dobson.be/wp-content/themes/dobson_v8/assets/style.css?ver=20170413' type='text/css' media='' />

<!-- This site uses the Google Analytics by MonsterInsights plugin v 6.2.0 - https://www.monsterinsights.com/ -->
<!-- Normally you will find the Google Analytics tracking code here, but the webmaster disabled your user group. -->
<!-- / Google Analytics by MonsterInsights -->

<link rel='https://api.w.org/' href='http://dev.dobson.be/wp-json/' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://dev.dobson.be/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://dev.dobson.be/wp-includes/wlwmanifest.xml" /> 
<meta name="generator" content="WordPress 4.8" />
<link rel='shortlink' href='http://dev.dobson.be/?p=174' />
<link rel="alternate" type="application/json+oembed" href="http://dev.dobson.be/wp-json/oembed/1.0/embed?url=http%3A%2F%2Fdev.dobson.be%2Fwork%2Fheader-illustration%2F" />
<link rel="alternate" type="text/xml+oembed" href="http://dev.dobson.be/wp-json/oembed/1.0/embed?url=http%3A%2F%2Fdev.dobson.be%2Fwork%2Fheader-illustration%2F&format=xml" />
<style>.js img.lazyload {
			display: block;
		}

img.lazyload {
			display: none;
		}</style><meta name="generator" content="WPML ver:3.6.2 stt:38,1;" />

	</head>

	<body class="work-template-default single single-work postid-174 logged-in">
<div class="closebutton"><a onclick="history.go(-1);"><img src="http://dev.dobson.be/wp-content/themes/dobson_v8/assets/images/[email protected]" width="46" height="46" title="Close Page" alt="Close Page" /></a></div>

<div class="container">

	<div class="left">
		<div class="logo">
			<a href="http://dev.dobson.be">
				<img src="http://dev.dobson.be/wp-content/themes/dobson_v8/assets/images/[email protected]" width="109" height="119" title="Konrad Dobson v8.0 Logo" alt="Konrad Dobson v8.0 Logo" />
				<div class="nametitle">
					<p class="name">Konrad<br />Dobson</p>
					<p class="title">Digital Creative</p>
				</div>
			</a>
		</div>  <!-- end logo -->
	</div> <!-- end logoarea -->

<div class="right">

	<div class="title">
		<h1>Header Illustration</h1>
	</div>

<!-- 	Posted on May 12th, 2017 by admin<br /> -->

	<div class="clientagency">

	Type:

	<a href="http://dev.dobson.be/portfolio_cats/illustration/">Illustration</a>&nbsp;
<br />

	Client:

	<a href="http://dev.dobson.be/client/personal/">Personal</a>&nbsp;
<br />

	Agency:

	<a href="http://dev.dobson.be/agency/none/">None</a>&nbsp;
<br />

<!-- 	<span class="">Illustration</span> -->

	</div> <!-- end clientagency -->

<!-- 
<br />
Client: <br />
Agency:  -->

</div> <!-- end right -->

	<button class="accordion">Project Info</button>
	<div class="panel">
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla porta, odio non porttitor consequat, justo urna convallis mauris, eu condimentum diam sem in odio. Nullam ultrices, eros at ultrices laoreet, leo urna vulputate diam, ut eleifend libero erat a dolor. Proin vitae dictum tellus. Etiam tempor sit amet lorem vel blandit. Nam purus nisl, pellentesque sed odio sit amet, hendrerit fermentum massa. Aliquam convallis tempus lorem, sit amet tincidunt dui vulputate lacinia. Vestibulum sapien justo, pulvinar eget tempus vitae, dictum in felis. Ut eget sem risus. Pellentesque faucibus tempor sapien, vitae venenatis ipsum hendrerit quis.</p>
<p>Cras fermentum diam in efficitur egestas. Etiam in nibh accumsan nulla rutrum luctus a vel libero. In eu sem diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus est urna, vulputate vel mauris sit amet, luctus malesuada arcu. In hac habitasse platea dictumst. Donec non arcu venenatis, venenatis odio a, interdum arcu. Maecenas viverra porta neque, vitae venenatis eros efficitur in. Aenean porta purus eget arcu pulvinar consequat. Donec faucibus fringilla erat. Nulla venenatis tincidunt mattis. Nullam et tristique mauris. Aenean aliquam neque et mollis tempus. Donec vitae iaculis leo. Sed rhoncus lobortis dignissim. Quisque sit amet felis et mauris feugiat feugiat vitae a lectus.</p>
	</div>

			
		
		<!-- 
			<img class="full" src="http://dev.dobson.be/wp-content/uploads/2017/05/fb-timeline_header6-3-1800x666.jpg" title="fb-timeline_header6-3" alt="Header Illustration" />
 -->

<img class="lazyload full" data-src="http://dev.dobson.be/wp-content/uploads/2017/05/fb-timeline_header6-3-1800x666.jpg" title="fb-timeline_header6-3" alt="Header Illustration" />

<!--
			<img class="lazyload full" data-original="http://dev.dobson.be/wp-content/uploads/2017/05/fb-timeline_header6-3-1800x666.jpg" title="fb-timeline_header6-3" alt="Header Illustration" />
			<noscript><img class="full" src="http://dev.dobson.be/wp-content/uploads/2017/05/fb-timeline_header6-3-1800x666.jpg" title="fb-timeline_header6-3" alt="Header Illustration" /></noscript>
-->

		
		
		
		<!-- 
			<img class="full" src="http://dev.dobson.be/wp-content/uploads/2017/05/fb-timeline_header6-3_steps.gif" title="fb-timeline_header6-3_steps" alt="" />
 -->

<img class="lazyload full" data-src="http://dev.dobson.be/wp-content/uploads/2017/05/fb-timeline_header6-3_steps.gif" title="fb-timeline_header6-3_steps" alt="" />

<!--
			<img class="lazyload full" data-original="http://dev.dobson.be/wp-content/uploads/2017/05/fb-timeline_header6-3_steps.gif" title="fb-timeline_header6-3_steps" alt="" />
			<noscript><img class="full" src="http://dev.dobson.be/wp-content/uploads/2017/05/fb-timeline_header6-3_steps.gif" title="fb-timeline_header6-3_steps" alt="" /></noscript>
-->

		
		
		
		<!-- 
			<img class="half" src="http://dev.dobson.be/wp-content/uploads/2017/05/closeup1.jpg" title="closeup1" alt="" />
 -->

<img class="lazyload half" data-src="http://dev.dobson.be/wp-content/uploads/2017/05/closeup1.jpg" title="closeup1" alt="" />

<!--
			<img class="lazyload half" data-original="http://dev.dobson.be/wp-content/uploads/2017/05/closeup1.jpg" title="closeup1" alt="" />
			<noscript><img class="half" src="http://dev.dobson.be/wp-content/uploads/2017/05/closeup1.jpg" title="closeup1" alt="" /></noscript>
-->

		
		
		
		<!-- 
			<img class="half" src="http://dev.dobson.be/wp-content/uploads/2017/05/closeup2.jpg" title="closeup2" alt="" />
 -->

<img class="lazyload half" data-src="http://dev.dobson.be/wp-content/uploads/2017/05/closeup2.jpg" title="closeup2" alt="" />

<!--
			<img class="lazyload half" data-original="http://dev.dobson.be/wp-content/uploads/2017/05/closeup2.jpg" title="closeup2" alt="" />
			<noscript><img class="half" src="http://dev.dobson.be/wp-content/uploads/2017/05/closeup2.jpg" title="closeup2" alt="" /></noscript>
-->

		
			
	

</div> <!-- end container -->

<script type='text/javascript' src='http://dev.dobson.be/wp-content/themes/dobson_v8/assets/js/libs/jquery-3.2.1.js?ver=20170413'></script>
<script type='text/javascript' src='http://dev.dobson.be/wp-content/themes/dobson_v8/assets/js/app.js?ver=20170413'></script>
<script type='text/javascript' src='http://dev.dobson.be/wp-content/plugins/lazy-loading-responsive-images/js/lazysizes.min.js?ver=4.8'></script>
<script type='text/javascript'>
if (!document.documentElement.classList.contains('js')) {
			document.documentElement.classList.add('js');
		}
		
</script>
<script type='text/javascript' src='http://dev.dobson.be/wp-includes/js/wp-embed.min.js?ver=4.8'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var icl_vars = {"current_language":"en","icl_home":"http:\/\/dev.dobson.be","ajax_url":"http:\/\/dev.dobson.be\/wp-admin\/admin-ajax.php","url_type":"3"};
/* ]]> */
</script>
<script type='text/javascript' src='http://dev.dobson.be/wp-content/plugins/sitepress-multilingual-cms/res/js/sitepress.js?ver=4.8'></script>

<!-- 

<br />

this is NOT the work page! -->

<!-- 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery_lazyload/1.9.7/jquery.lazyload.js"></script>

<script type="text/javascript" charset="utf-8">
 $("img.lazy").lazyload({
    effect : "fadeIn"
    // threshold : 200
});
</script>
 -->

	</section> <!-- end main -->

</body>
</html>

<script src="http://dev.dobson.be:35729/livereload.js"></script>
    Forum: Plugins
    In reply to: [Lazy Loader] Doesn’t lazy load images
    Thread Starter dem0n

    (@dem0n)

    8 years, 11 months ago

    ACF, yeah 🙂

    Hmm. I updated it as you said, but still can’t see any lazy loading happening.
    Here’s my code:

    <img class="lazyload full" data-src="http://dev.dobson.be/wp-content/uploads/2017/05/fb-timeline_header6-3-1800x666.jpg" title="fb-timeline_header6-3" alt="Header Illustration" />

    Forum: Plugins
    In reply to: [Lazy Loader] Doesn’t lazy load images
    Thread Starter dem0n

    (@dem0n)

    8 years, 11 months ago

    It’s in local development now I’m afraid.

    Well okay … I’ve tried adding the class “lazy” or “lazyload” manually to the images that need loading. But that didn’t work.

    <img class="<?php echo $portfolio_width; ?>" src="<?php echo $portfolio_image['sizes']['work-full-image']; ?>" title="<?php echo $portfolio_image['title'] ?>" alt="<?php echo $portfolio_image['alt'] ?>" />

    • This reply was modified 8 years, 11 months ago by dem0n.
Viewing 8 replies - 1 through 8 (of 8 total)