Hey Matt, What if you were to set all the large image src tags to a same single pixel file (so it only requires a single server request) and then in the same onclick event that changes the CSS, also change the src tag to the intended full size image?
Thanks, Nathan. http://www.kennedytechnology.com -----Original Message----- From: [email protected] [mailto:[email protected]] On Behalf Of matt_thomson Sent: Wednesday, 27 May 2009 4:01 p.m. To: NZ PHP Users Group 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] -~----------~----~----~----~------~----~------~--~---
