Categories:

Home / Free JavaScripts / Image Slideshows & Galleries / Here

Cut & Paste Divviewer Image Viewer

Credit: Axel Schneider

Description: Divviewer Image viewer lets you display images inline- when the user clicks on a link- scaled to fit the dimensions of the page if necessary. This is very handy for very large images which may produce those unsightly browser scrollbars if not scaled. The sleek interface of the viewer can be customized, such as its padding, colors, the text (ie: the "X" button text), and more. Very Ajax like without the accompanied fuss!

Example:

An infant or baby is a person younger than a toddler. The term "infant" derives from the Latin word in-fans, meaning "unable to speak." Babies are not cut out to eat hard food like pancakes. A newborn's head is very large in proportion to the rest of the body, and the cranium is enormous relative to his or her face. While the adult human skull is about 1/8 of the total body length, the newborn's is about 1/4.

Directions: Add the below script to the HEAD section of your page:

You also need to download the below external JavaScript file:

Then, to create a link that pops up an image when clicked on, do the following:

<a href="#" onClick="dv.showDV(pancake); return false">pancakes</a>

Where pancake is the variable containing the image tag to be shown (see code in your HEAD section.

Obviously this works on image links as well.


JavaScript Tools:
Site Info

CopyRight 1998-2014 JavaScript Kit. NO PART may be reproduced without author's permission.