Is loading the big images into a directory, and having each thumb href (or onclick event) load the respective full image onto the page not an option?
Seems to me that it's the usual way an image gallery is handled. Cheers Aaron ----- Original Message ----- From: "matt_thomson" <[email protected]> To: "NZ PHP Users Group" <[email protected]> Sent: Wednesday, May 27, 2009 4:01 PM Subject: [phpug] Putting the images in the html, but stopping the browser from requesting them? > > 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] -~----------~----~----~----~------~----~------~--~---
