How
- Started
- Last post
- 9 Responses
- brianbrooks
I'm trying to figure out how to fade in images on a site when the user scrolls down the page.
for example: http://www.yewknee.com/blog/
thanks in advance
- MikeJJ0
Oh thats is something trrendy. I think its AJAX or DHTML
- set0
Just for the record, its quite unsettling and very pointless, imo.
- benfal990
i see no fade there http://www.yewknee.com/blog/
??
- creez0
the fade is initiated with this line:
$("#blog-column img").lazyload({ placeholder : "_img/img_loading.gif", effect : "fadeIn" });the place holder is just a loading image, the function looks for a container with id : blog-column and an image inside of this container, i have tested you need at least the following JS files:
jquery.js
jquery.dimensions.js
jquery.lazyload.js
FancyZoom.js
FancyZoomHTML.jsthe fancyzoom dependencie i dont know why but needs to be there.
- stewart0
don't use it, it's annoying.
- mimeartist_limited0
it is probably nice if you're just scrolling through images alone, or at least with a nice bold structure... but he has got it on any old thumbnail and looks a little pony.
- JSK0
Makes it seem like its loading as you scroll. Does it or more graphical effect?
- blaw0
- JSK0
Cool, nice one blaw