[jQuery] How to load only one image at a time using JQuery Cycle Plugin?

[jQuery] How to load only one image at a time using JQuery Cycle Plugin?


Hi,
I am looking for some help on how to only have one image at a time in
the page using an ajax call to get the images, or get all images using
ajax, but when next or prev navs are clicked to only load the next or
previous image by cycling thru a JavaScript array. Loading alot of
images at once could be a performace problem slowing down the page
load.
I have dropdown that will be used to make a selection on what type of
images to view, this will make an ajax call using Jquery to go get the
data from the DB, FileName, description and so on.
Then I would like to put the results into a JavaScript Array if
possible, and show the first imagefile by it's file name in the array,
then when prev or next is clicked keep track of the index, and load a
single image at a time?
Maybe I am mistaken but this example looks to me like it would
eventually load all images into the page, what if you had a 100
images?
http://malsup.com/jquery/cycle/add2.html
http://malsup.com/jquery/cycle/add3.html
http://malsup.com/jquery/cycle/add4.html
I am noob with Jquery, thanks for the help!