[jQuery] jCarousel Lite Plugin Question
<div>Hello,</div>
<div> </div>
<div>I am little new to jQuery so trying to get a hang of it.</div>
<div> </div>
<div>I am using the jCarousel Lite plugin for something today and I found it to be brilliant.</div>
<div> </div>
<div>I only have one problem - so suppose 10 nodes are there in the scrolling area..out of which one is shown at a time.</div>
<div> </div>
<div>Clicking on next goes to the other and so on.</div>
<div> </div>
<div>Now, I have 2 images in every node so a total of 20 images.</div>
<div> </div>
<div>This increases my page size by a lot as I have 3 separate instances of the plugin and close to 60 images therefore.</div>
<div> </div>
<div>What I want to do:</div>
<div> </div>
<div>I don't want to use ajax, but I want to load only those images that are going to be visible on screen - not the other 18.</div>
<div> </div>
<div>So, when I am constructing the markup from backend, I make all img src's point to spacer.gif.</div>
<div> </div>
<div>And push all image urls to an array.</div>
<div> </div>
<div>Now, based on what page I am on, I want to pluck the image urls from the array and assign it to the visible area.</div>
<div> </div>
<div>However, for that I need to know which visible page I am on and how I can change the image src..some reference.</div>
<div> </div>
<div>I don't want to use jCarousel - the lite one is better (smaller) so I am sure there is some way of doing this.</div>
<div> </div>
<div>Also, how can I access the methods/properties inside of jCarousel Lite?</div>
<div> </div>
<div>Please let me know.</div>
<div>
Thanks,
Mandy.</div>