matt_thomson wrote: Aren't you reinventing lightbox or one of its derivatives (jQuery based perhaps?)
Neven > I have already brought this up in a mootools group, but If anyone here > has any smart ideas, they are much appreciated. > > I have a photo gallery that will display about 50 thumbnails. When > thumbnail #1 is clicked, big image number 1 is displayed and so on... > > Ideally I would like to put all the thumbs in one div (as <img > src="..), and all the big images in another div (as <img src=".. > style="display; none" />) > > Then I could (with mootools) grab all the big images as an array > (getElements), grab the thumbs as an array, and do an each loop > through the thumbs. So if thumbsImageArray[index] is clicked on, > bigImageArray[index] is shown. > > All pretty simple, except that I don't want 50 big images to load > right away, and "display: none" does not stop the browser from > requesting them from the server. > > I am thinking I may have to make a seperate json bit, and load all the > big image info (src, width,height) as arrays/objects, then access > these arrays with the mootools. This would work, but ideally I would > love to have all my data nice and cleanly put in the HTML, do a > getElements, do an each loop, sorted. > > Does anyone know of a way to stop the browser requesting the image, > and still having the correct src in the html. I don't want an > incorrect src, as it will result in 50 unnesscessary server calls. > > Thanks, > > Matt. > > > > --~--~---------~--~----~------------~-------~--~----~ NZ PHP Users Group: http://groups.google.com/group/nzphpug To post, send email to [email protected] To unsubscribe, send email to [email protected] -~----------~----~----~----~------~----~------~--~---
