Jan 01, 2009, 10:35 PM
Lazy load (or Scroll detection)
Hi,
I am trying to achieve this http://www.appelsiini.net/projects/lazyload/enabled.html with Coolite. Inside a viewport panel I have a long list of images and I want them to load when they become visible after scrolling. Is there any Coolite/ExtJs oriented way to do it?
* I cannot make the above plugin to work because this line of code "$(window).bind("scroll", function(event)" has to bind to a div (in my case 'window' is #ext-gen56) which is generated dynamicaly after the code has already been executed. I have tried to put the code inside an ext.onready and onload functions but it did not work. In any case I would like to use something more coolite orriented.
Regards.
I am trying to achieve this http://www.appelsiini.net/projects/lazyload/enabled.html with Coolite. Inside a viewport panel I have a long list of images and I want them to load when they become visible after scrolling. Is there any Coolite/ExtJs oriented way to do it?
* I cannot make the above plugin to work because this line of code "$(window).bind("scroll", function(event)" has to bind to a div (in my case 'window' is #ext-gen56) which is generated dynamicaly after the code has already been executed. I have tried to put the code inside an ext.onready and onload functions but it did not work. In any case I would like to use something more coolite orriented.
Regards.
