Coding Tutorials
Automatic Text Rotation
This code is great if you want to advertise other sites through text links.
To add more sites, just add
items[#]="URL"; found at the top of the code. You can edit how fast you want the links to show in rotation where it says
var howOften = 10;.
Note: You don't have to keep them as text links, but as image links or plain simple texts aswell; you can display them in a variety too.
Add the code below in the head section of your page (at the top).
<![CDATA[<script language="JavaScript1.2">
var howOften = 10; //number often in seconds to rotate
var current = 0; //start the counter at 0
var ns6 = document.getElementById&&!document.all; //detect netscape 6
// place your images, text, etc in the array elements here
var items = new Array();
items[0]="<a href='http://sugaryparadise.net' target='_blank'>Sugary Paradise</a>";
items[1]="<a href='#'><img src='monkey.gif' border='0'></a>"; //a linked image
items[2]="Text without a link";
items[3]="<a href='#'>More Examples</a>";
items[4]="<a href='#'>More Examples</a>";
function rotater() {
if(document.layers) {
document.placeholderlayer.document.write(items[current]);
document.placeholderlayer.document.close();
}
if(ns6)document.getElementById("placeholderdiv").innerHTML=items[current]
if(document.all)
placeholderdiv.innerHTML=items[current];
current = (current==items.length) ? 0 : current + 1; //increment or reset
setTimeout("rotater()",howOften*1000);
}
window.onload=rotater;
//–>
</script>
]]>
Finally, add the code below to where you want the rotation to be.
<![CDATA[<layer id="placeholderlayerr"></layer><div id="placeholderdiv"></div>]]>
Please link back if I have helped you. If you have any problems, feel free to contact me.
Back ||
Home ||
Forward
Adverts
Rotations
Copyright © to Jijy - sugaryparadise.net 06-08. All rights reserved.
