Uncle Jim's Web Designs: Site Display Navigation Using Images

COPY - Save as pre.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>UNCLE JIM'S ROTATING PAGE NAVIGATION</title>
<body style="margin:0px;">
<script type="text/javascript"><!-- 
/*
 ______________________________________________________
/秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤\
|          Another JavaScript from Uncle Jim           |
|                                                      |
|   Feel free to copy, use and change this script as   |
|        long as this part remains unchanged.          |
|                                                      |
|      Visit my website at http://www.jdstiles.com     |
|           for more scripts like this one             |
|                                                      |
|                     Created: 1996                    |
|              Last Updated: December, 2005            |
\______________________________________________________/
 秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤
*/

//configure delay between changing messages (3000=3 seconds)
var delay=3000

var ie4=document.all

var curindex=0
var totalcontent=0

function get_total(){
if (ie4){
while (eval("document.all.content"+totalcontent))
totalcontent++
}
else{
while (document.getElementById("content"+totalcontent))
totalcontent++
}
}

function contract_all(){
for (y=0;y<totalcontent;y++){
if (ie4)
eval("document.all.content"+y).style.display="none"
else
document.getElementById("content"+y).style.display="none"
}
}

function expand_one(which){
contract_all()
if (ie4)
eval("document.all.content"+which).style.display=""
else
document.getElementById("content"+which).style.display=""
}

function rotate_content(){
get_total()
contract_all()
expand_one(curindex)
curindex=(curindex<totalcontent-1)? curindex+1: 0
setTimeout("rotate_content()",delay)
}

window.onload=rotate_content
//--></script>
</head>
<body>
<div id="content0" style="display:''">
<p align=left>
<a href="javamain.html" target="_blank">
<img src="images/javascripts.jpg" width="254" height="183" border="0" alt="Javascript Examples"></a></p>
</div>

COPY - Insert Inside Body: <BODY></BODY>

Uncle Jim's Web Designs

Rotating Image Navigation

Author: Jim Stiles