PDA

View Full Version : Javascript for image gallery




kgarner
Jul 2, 2004, 10:06 AM
I've done a little searching for this, but I can't find one that does what I want. Here's what I need: I have a gallery of thumbnail images that when the mouse moves over them a larger version of the image pops up in a preview section on a different part of the page.

I tried using Eric Meyer's CSS image pop-up and I even had it working, but now IE6 refuses to show the larger image. Unfortunately, this is for work and so it must work in IE6. I figured a javascript was the next best thing.

I know the basics of javascript rollovers, but I am not sure how to make the image come up in a different location. Any help would be greatly appreciated.



michaelrjohnson
Jul 2, 2004, 10:37 AM
This site may or may not have what you're looking for: JavaScript Source (http://javascript.internet.com)

I'd just try Googling for it, and wading through the thousands of results.

Good luck!

kgarner
Jul 2, 2004, 12:07 PM
Found one (http://www.dynamicdrive.com/dynamicindex4/thumbnail2.htm)! Kind of a pain in the butt though. You have to make an array with the images in it, etc. Why cna't IE6 just support proper CSS? Or why can't IT guys just make the company use a better browser? It is just so frustrating some times!

pyrotoaster
Jul 2, 2004, 12:08 PM
You might want to work with frames. If you contain the thumbnails in one frame and the larger image in another, you'll get the desired effect. this (http://hotwired.lycos.com/webmonkey/98/03/index3a.html) Javascript tutorial should explain how to connect between frames, and these (http://hotwired.lycos.com/webmonkey/96/31/index3a.html?tw=authoring) articles (http://hotwired.lycos.com/webmonkey/96/36/index2a.html?tw=authoring) should explain how to use frames and link between them.