|
|
(8 intermediate revisions not shown) |
Line 90: |
Line 90: |
| UNIVERSITY OF CALGARY | | UNIVERSITY OF CALGARY |
| </div> | | </div> |
- | <script language="javascript">
| |
- | images = new Array(10);
| |
- | images[0] = "<img src='images/rotate/01.gif' alt='one' width='120' height='120' border='0' />";
| |
- | images[1] = "<img src='images/rotate/02.gif' alt='two' width='120' height='120' border='0' />";
| |
- | images[2] = "<img src='images/rotate/03.gif' alt='three' width='120' height='120' border='0' />";
| |
- | images[3] = "<img src='images/rotate/04.gif' alt='four' width='120' height='120' border='0' />";
| |
- | images[4] = "<img src='images/rotate/05.gif' alt='five' width='120' height='120' border='0' />";
| |
- | images[5] = "<img src='images/rotate/06.gif' alt='six' width='120' height='120' border='0' />";
| |
- | images[6] = "<img src='images/rotate/07.gif' alt='seven' width='120' height='120' border='0' />";
| |
- | images[7] = "<img src='images/rotate/08.gif' alt='eight' width='120' height='120' border='0' />";
| |
- | images[8] = "<img src='images/rotate/09.gif' alt='nine' width='120' height='120' border='0' />";
| |
- | images[9] = "<img src='images/rotate/10.gif' alt='ten' width='120' height='120' border='0' />";
| |
| | | |
- | index = Math.floor(Math.random() * images.length);
| + | <img src="http://i1001.photobucket.com/albums/af132/igemcalgary/header/1.png" width="965px" height="293px"> |
- | document.write("<br><br>");
| + | |
- | document.write(images[index]);
| + | |
- | </script>
| + | |
| </div> | | </div> |
| | | |
Line 265: |
Line 250: |
| </div> | | </div> |
| </div> | | </div> |
- |
| |
- |
| |
- | <iframe id="imagenav" width="254" height="183" marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=1 scrolling=no><!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><!-- REPLACE WITH YOUR OWN PAGE LINKS AND IMAGES -->
| |
- | <a href="javamain.html" target="_blank">
| |
- | <img src="images/javascripts.jpg" width="254" height="183" border="0" alt="Javascript Examples"></a></p>
| |
- | </div>
| |
- |
| |
- | <div id="content1" style="display:none">
| |
- | <p align=left><!-- REPLACE WITH YOUR OWN PAGE LINKS AND IMAGES -->
| |
- | <a href="sets.html" target="_blank">
| |
- | <img src="images/dsets.jpg" width="254" height="183" border="0" alt="Design Sets"></a></p>
| |
- | </div>
| |
- |
| |
- | <div id="content2" style="display:none">
| |
- | <p align=left><!-- REPLACE WITH YOUR OWN PAGE LINKS AND IMAGES -->
| |
- | <a href="java/101.html" target="_blank">
| |
- | <img src="java/images/help2.bmp" width="254" height="183" border="0" alt="Developer Tools"></a></p>
| |
- | </div>
| |
- |
| |
- | <div id="content3" style="display:none">
| |
- | <p align=left><!-- REPLACE WITH YOUR OWN PAGE LINKS AND IMAGES -->
| |
- | <a href="java/games.html" target="_blank">
| |
- | <img src="java/images/games2.bmp" width="254" height="183" border="0" alt="On-Line Games"></a></p>
| |
- | </div>
| |
- |
| |
- | <div id="content4" style="display:none">
| |
- | <p align=left><!-- REPLACE WITH YOUR OWN PAGE LINKS AND IMAGES -->
| |
- | <a href="http://jdstiles.com/forums.html" target="_blank">
| |
- | <img src="images/bbforums.jpg" width="254" height="183" border="0" alt="Message Forums"></a></p>
| |
- | </div>
| |
- |
| |
- | <div id="content5" style="display:none">
| |
- | <p align=left><!-- REPLACE WITH YOUR OWN PAGE LINKS AND IMAGES -->
| |
- | <a href="tips/index.html" target="_blank">
| |
- | <img src="images/xp.jpg" width="254" height="183" border="0" alt="Windows Tips"></a></p>
| |
- | </div>
| |
- |
| |
- | <div id="content6" style="display:none">
| |
- | <p align=left><!-- REPLACE WITH YOUR OWN PAGE LINKS AND IMAGES -->
| |
- | <a href="sitetree.html" target="_blank">
| |
- | <img src="images/index2.jpg" width="254" height="183" border="0" alt="Site Updates"></a></p>
| |
- | </div>
| |
- | </body>
| |
- | </html>
| |
- | </iframe>
| |
| | | |
| </body> | | </body> |
| </html> | | </html> |