Home Karmen Content Tutorials CBOX linked at Hosting Credits

Button rotation

If you use Link back

This is a really useful javascript code to use, you can randomly change images, may they be buttons, banners, personal images, past layouts, just about any type of image. Everytime the page is refreshed it will display a new image, basically rotating all that are included.



<script language="JavaScript"> <!-- Begin var how_many_ads = 3; var now = new Date() var sec = now.getSeconds() var ad = sec % how_many_ads; ad +=1; if (ad==1) { url="http://sheisloved.xyz/"; alt="Alt Text"; banner="https://i.ibb.co/NCDkV5L/b2.png"; width="88"; height="31"; } if (ad==2) { url="http://sheisloved.xyz/"; alt="Alt Text"; banner="https://i.ibb.co/Byy6nkT/button.png"; width="88"; height="31"; } if (ad==3) { url="http://link3"; alt="Alt Text"; banner="BUTTONURL3f"; width="88"; height="31"; } document.write('<a href=\"' + url + '\" target=\"_blank\">'); document.write('<img src=\"' + banner + '\" width=') document.write(width + ' height=' + height + ' '); document.write('alt=\"' + alt + '\" border=0></a>'); // End --> </script>

Lets Do Some Editing
At the very top you see it says "how_many_ads = 3" Change ONLY the number 3, because that is how many buttons you have on your button rotation, that is how many I have for this one, but if you have 20, more or less, then change it.
Then you will see "http://LINK1" and "Alt Text" and also "BUTTONURL", you must change those 3 so they match up with each button your adding to the rotation
The buttons I am using on this tutorial are all 88x31, but you can use any size or type of button you like, just specify the size where you see "width='88" height="31"" with the size you want.
If you want to add more than 3 then just add this code, after the last one:

if (ad==3) { url="http://LINK3"; alt="Alt Text"; banner="BUTTONURL3f"; width="88"; height="31"; }
Now thats all you really have to do, your done.