A Literary Works Forum -> Rotating/random Banners

Rotating/random Banners

Track this topic | Email this topic | Print this topic

RHunt

Posted: Jun 25 2005, 03:11 AM

Administrator
Group Icon

Group: Admin
Posts: 724
Member No.: 1
Joined: 16-June 04

Had one or two people ask me about the rotating banner exchange code that I have on RKP Hunt's Literary Works and Litworks Main Page. So, here it is and my second post will be the random banner, which shows a random banner whenever you refresh the website. I got this code at Dynamic Drive.

This part of the script goes into the <head></head> of your website. Btw, most forums don't allow you to show your own advertising ie banner exchanges.

Rotating Script:

QUOTE

<style type="text/css">

.gallerycontroller{

width: 150px;

height: 35px;

}

.gallerycontent{

width: 468px;

height: 75px;

border: 0px solid black;

background-color: #;

padding: 3px;

display: block;

}

</style>

<script type="text/javascript">

/***********************************************

* Advanced Gallery script- � Dynamic Drive DHTML code library (www.dynamicdrive.com)

* This notice must stay intact for legal use

* Visit http://www.dynamicdrive.com/ for full source code

***********************************************/

var tickspeed=10000 //ticker speed in miliseconds (2000=2 seconds)

var displaymode="auto" //displaymode ("auto" or "manual"). No need to modify as form at the bottom will control it, unless you wish to remove form.

if (document.getElementById){

document.write('<style type="text/css">\n')

document.write('.gallerycontent{display:none;}\n')

document.write('</style>\n')

}

var selectedDiv=0

var totalDivs=0

function getElementbyClass(classname){

partscollect=new Array()

var inc=0

var alltags=document.all? document.all.tags("DIV") : document.getElementsByTagName("*")

for (i=0; i<alltags.length; i++){

if (alltags[i].className==classname)

partscollect[inc++]=alltags[i]

}

}

function contractall(){

var inc=0

while (partscollect[inc]){

partscollect[inc].style.display="none"

inc++

}

}

function expandone(){

var selectedDivObj=partscollect[selectedDiv]

contractall()

selectedDivObj.style.display="block"

temp.options[selectedDiv].selected=true

selectedDiv=(selectedDiv<totalDivs-1)? selectedDiv+1 : 0

if (displaymode=="auto")

autocontrolvar=setTimeout("expandone()",tickspeed)

}

function populatemenu(){

temp=document.gallerycontrol.menu

for (m=temp.options.length-1;m>0;m--)

temp.options[m]=null

for (i=0;i<totalDivs;i++){

var thesubject=partscollect[i].getAttribute("subject")

thesubject=(thesubject=="" || thesubject==null)? "HTML Content "+(i+1) : thesubject

temp.options[i]=new Option(thesubject,"")

}

temp.options[0].selected=true

}

function manualcontrol(menuobj){

if (displaymode=="manual"){

selectedDiv=menuobj

expandone()

}

}

function preparemode(themode){

displaymode=themode

if (typeof autocontrolvar!="undefined")

clearTimeout(autocontrolvar)

if (themode=="auto"){

document.gallerycontrol.menu.disabled=true

autocontrolvar=setTimeout("expandone()",tickspeed)

}

else

document.gallerycontrol.menu.disabled=false

}

function startgallery(){

document.getElementById("controldiv").style.display="block"

getElementbyClass("gallerycontent")

totalDivs=partscollect.length

populatemenu()

for (i=0; i<document.gallerycontrol.mode.length; i++){

if (document.gallerycontrol.mode[i].checked)

displaymode=document.gallerycontrol.mode[i].value

}

if (displaymode=="auto")

document.gallerycontrol.menu.disabled=true

expandone()

}

if (window.addEventListener)

window.addEventListener("load", startgallery, false)

else if (window.attachEvent)

window.attachEvent("onload", startgallery)

else if (document.getElementById)

window.onload=startgallery

</script>

This is the code you put where you want the changes to show up. In the <body></body>

QUOTE

<div class="gallerycontent" subject="Literary Works Forum">


<CENTER>
<a href="http://s8.invisionfree.com/hunts_forum"><img src="logo5.gif" border="0" alt="Join The Chat !"></a>
</CENTER>
<center>
<a href="http://s8.invisionfree.com/hunts_forum" target="_blank"><font face="verdana" size="1">Post Your Works and Comment On Others</font></a>
</center>

</div>

<center>
<div class="gallerycontent" subject="Ahadada Banner Exchange">

<center><iframe align=top width=468 height=60 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no src="http://www.sendecki.com/ahadada/exchange/view.php?uid=10&cat=0"><ilayer align=top width=468 height=60 src="http://www.sendecki.com/ahadada/exchange/view.php?uid=10&cat=0"></ILAYER> </iframe><br><a href="http://www.sendecki.com/ahadada/exchange/index.php?ref=10"><font face=Arial size=1>Advertise with us!</a></font></center>

</div>

</div></center>

The parts in bold are two banners one might use. You can chance the words after subject=" to the banner exchange name. This is a must, because it displays this name in the control panel. You always start the banner with:

QUOTE

And then end it with:

QUOTE

</div>

Your banner code goes in between. Works easy with banner exchange codes, and you'll want to take a better look at the litworks code (first one) to see how you can use your own banners.

This is the banner control to allow your visitors to stop the rotation and go through it manually. I don't know if this code works without it. This goes in the <body</body> as well. You can put it directly underneath the banner code or somewhere else on the website.

QUOTE

<div id="controldiv" style="display:none" class="gallerycontroller">
<CENTER>
<form name="gallerycontrol">

� � � � <select class="gallerycontroller" size="3" name="menu" onChange="manualcontrol(this.options.selectedIndex)">

� � � � <option>Blank form</option>

� � � � </select><br><font size="1">
<font color="000000">Auto: <input type="radio" checked name="mode" value="auto" onClick="preparemode('auto')"><font color="000000"> Manual: <input type="radio" name="mode" value="manual" onClick="preparemode('manual')"></font>
</center>

--------------------

"The best way to have a good idea is to have lots of ideas." - Linus Pauling
My Webpage - RKP Hunt's Literary Works

RHunt

Posted: Jun 25 2005, 03:25 AM

Administrator
Group Icon

Group: Admin
Posts: 724
Member No.: 1
Joined: 16-June 04

Random Banner

Here is the random banner code. You can find it here at the orginal page: http://simplythebest.net/scripts/DHTML_scr...ascript_21.html I never tried to fit this one to a banner exchange, but it works well with topsites. You can use them on forums as long as they are for topsites.

This is the that goes into the <head></head> of the website.

QUOTE

<SCRIPT LANGUAGE="javascript">

</SCRIPT>

Make sure you change the above highlighted to the proper proportions of the banners you are using.

You can see the banners are clearly marked banners[0] which needs to be changed for each banner. Also the number 10 at the bottom of the script if a frequency number. That tells the code how often you want that banner to be seen. So if you put 20 for one banner and 10 for the other, the first will be seen more often. Just put all 10's or any number for that matter in tens if you want them to appear equally.

QUOTE

banners[0] = new banner("http://img2.exs.cx/img2/3343/topsiteBAMM.gif",
� � � � � � � � � � � � "http://topsites.bvdesigns.net/in.php?uid=3499&id=rkphunt/ target='new window'",
� � � � � � � � � � � � "Vote At Bamm Topsite",
� � � � � � � � � � � � 10);

This script goes in your <body></body> You can use it as much as you want and several different banners will appear. Put a <BR> at the end, if you want them to take atop of eachother. Or just post them right next to eachother to get a line. If you have any questions go ahead and ask.

QUOTE

--------------------

"The best way to have a good idea is to have lots of ideas." - Linus Pauling
My Webpage - RKP Hunt's Literary Works

« Next Oldest | Board FAQ/Coding Questions | Next Newest »