Display Content

Display a block of text, a graphic, or combination of both, by clicking on a link or a graphic.
This script can be used in different circumstances, such as for informational purposes, or displaying pictures with captions. Very easy to use.

DEMO

Java Script

<div id="Main"> <a href="#" onclick="hideall();showbox('box1')"> <img src="Content03_l.jpg" width="98" height="44"></a> <a href="#" onclick="hideall();showbox('box2')"> <img src="Content04_l.jpg" width="88" height="44"></a> <a href="#" onclick="hideall();showbox('box3')"> <img src="Content05_l.jpg" width="89" height="43"></a> <a href="#" onclick="hideall();showbox('box4')"> <img src="Content06_l.jpg" width="89" height="43"></a> <p style="font-size: 11px; margin-top: -2px;"><b><font size="2">[ </font></b> <font face="Century" size="2"> <em><b>click on an image above for large picture</b></em><b> ]</b></font><b>  <font color="#C0C0C0">Author: Lee Underwood </font></b></p> <p> </p><div id="Content1"> <div id="box1"><img src="Content03_l.jpg" width="500" height="375"></div> <div id="box2"><img src="Content04_l.jpg" width="500" height="375"></div> <div id="box3"><img src="Content05_l.jpg" width="500" height="375"></div> <div id="box4"><img src="Content06_l.jpg" width="500" height="375"></div> </div> </div>