search

ressio / lazy-load-xt

Lazy load XT is a jQuery plugin for images, videos and other media
http://ress.io/lazy-load-xt-jquery/
MIT License
1.36k stars 245 forks source link

Does not work #6

Closed kiki90 closed 10 years ago

kiki90 commented 10 years ago

Hi all,

I am using joomla and downloaded these files: jquery.lazyloadxt.extra.min.js jquery.lazyloadxt.min.js and put them in the template folder under js ... they load fine as I can see them in firebug. I also downloaded the css files and put them under the css folder in the template, which load fine as well as they can be seen on firebug.

But the image are just hidden, in fact the class that the images have is lazy-hidden even if I scroll down view them ...

I have joomla 3 with the Wright Framework .. any help would be greatly appreciated.

Thanks

dryabov commented 10 years ago

Could you post URL of your website or create a test case on jsfiddle?

kiki90 commented 10 years ago

Unfortunately I'm using my localhost and jsfiddle is not possible with joomla ... let me try to upload the website on a test server.

dryabov commented 10 years ago

By the way, jquery.lazyloadxt.extra.min.js includes jquery.lazyloadxt.min.js, so you shouldn't load both.

kiki90 commented 10 years ago

I removed jquery.lazyloadxt.min.js and still have the issue

kiki90 commented 10 years ago

Hi

I uploaded everything here: http://test.ingenious.com.mt/ingenious/

please note that it's just a test website so don't mind the layout and text hah :)

dryabov commented 10 years ago

You have identical src and data-src attributes. That's why browser doesn't trigger load event after src attribute is changed to data-src. Just remove src and keep data-src.

dryabov commented 10 years ago

It is the way how image lazy loading works. You remove src attribute (to stop loading of image by browser) and set it later when image is in visible part of the page. As to the Joomla, we are going to make a plugin to make images lazy loadable on the fly, but I don't know when it will be ready to use.