How similar are the thumbnail file names to the larger image filenames? -----Original Message----- From: [email protected] [mailto:[email protected]] On Behalf Of Matt Thomson Sent: Wednesday, 27 May 2009 2:37 PM To: MooTools Users Subject: [Moo] Re: Putting the images in the html, but stopping the browser from requesting them?
That would stop the images loading good, but I don't want 50 unnesscessary requests to the server. I should also note that a big image click goes to a lightbox, so putting the big img src as the href of the thumb won't help. As I will still have the problem of getting the lightbox img src. On May 27, 4:29 pm, "Steve Onnis" <[email protected]> wrote: > You could always do something sneeky like put an underscore in front of the > actual src value like.. > > src="_myImage.jpg" > > Then ammend the src value with javascript to load the image with the click > > -----Original Message----- > From: [email protected] > > [mailto:[email protected]] On Behalf Of Matt Thomson > Sent: Wednesday, 27 May 2009 1:56 PM > To: MooTools Users > Subject: [Moo] Putting the images in the html, but stopping the browser from > requesting them? > > 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.
