PDA

View Full Version : javascript to manage graphics



phipm1
07-28-2011, 11:52 PM
Currently I'm a using a javascript that zooms a thumbnail to a full size graphic.

The web page can have up to 40 graphics on it. So it becomes a zooming nightmare. Where the graphic cover half the page. We've tried opening the graphic to a separate window but the users do not like that.

The graphics are instructional screenshots.

Any ideas of how to improve this?

Im at a loss.

jscheuer1
07-29-2011, 12:25 AM
There are various zooming scripts. Does the one you are currently using move the other images around when it zooms one of them? That could be bad, especially if it also zooms onmouseover.

Check out each of these:

http://www.dynamicdrive.com/dynamicindex4/imagemagnify.htm
http://www.dynamicdrive.com/dynamicindex4/imagepanner.htm
http://www.dynamicdrive.com/dynamicindex4/featuredzoomer.htm

Or you might want a modal script that dims the rest of the page while showing an enlarged version - like ColorBox:

http://colorpowered.com/colorbox/

It's an image gallery like Lightbox, which you may have heard of.

It shows only one larger image at a time, onclick of a thumbnail, while rendering the rest of the page opaque. The thumbnails may be arranged as a gallery, allowing the user to go through them with next and previous buttons without having to exit the ColorBox.

None of that is different from Lightbox, but ColorBox has many added features, at least one that might be good here. If a larger image is too large for the user's browser, it can scale it down. This must be set as an option (documented on the page I linked you to) when you install it.