<font color="red">[S] </font>Multiple Banner Images (RPG-Directory)

Title: [S] Multiple Banner Images

mayhemmurder - December 5, 2007 06:38 AM (GMT)

What's the code so that your banner randomly switches different images every time the page is loaded?

SpazzyMal - December 5, 2007 06:54 AM (GMT)

mayhemmurder - December 5, 2007 07:01 AM (GMT)

It's not working. :( Here's my code.

CODE

<div align=center width="800"><br>
<table cellpadding="10" cellspacing="0" width="820">

<tr><td class="border">

<table align=center valign=top>
<tr> <td width=200 valign=top>
<div class='maintitle'>Welcome!</div><div class="tablepad" border='1'><span class='desc'><center>
<br>
<center><b><font size="2" color=#B22222>Information about the Site</font></b><br>
Just put some information about your site and current events here.
<center> <font size="2"><b><BR><BR><a href="http://z8.invisionfree.com/YourSite/index.php?showtopic=8&view=getnewpost">We are looking for staff!</a></font></b><br><br></center>
</span></div></div>

<center><div class='maintitle'>RP Information</div>
<div class="tablepad"><span class='desc' >
<br>
<center><b><font size="2" color=#B22222>Plot Highlights </font></b><br>Big Plot Event Title<br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showtopic=15">Check it out here!</a><br><br>
</center></center>
</span></div></div>

<center><div class='maintitle'>Mandatory Reads</div>
<div class="tablepad"><span class='desc' ><font size="2">
<a href="http://z8.invisionfree.com/YourSite/index.php?showtopic=3&st=0">Rules and Guidelines</a><br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showtopic=4&view=getnewpost">Plot Information</a></font><br><br>
</span></div></div>

<center>
<div class="maintitle">C-Box </div>
<div class="tablepad"><span class='desc' >


<br><br>
</span></div></div>

<center>
<div class="maintitle">Staff </div>
<div class="tablepad"><span class='desc' >
You may contact the staff through the private message link in their profiles.<br><br>
<b><u>Admins</b> </u><br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showuser=1"><b>Admin 1</b></a><br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showuser=2"><b>Admin 2 </b></a><br>
</b>
<br><br><u><b>Moderators</u><br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showuser=5"><b>Mod 1</b></a> <br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showuser=9"><b>Mod 2</b></a> <br>
<br><u><b>Other Staff</u><br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showuser=3"><b>PM 1</b></a> <br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showuser=9"><b>PM 2</b></a> <br>
</span></div></div>
</center>

<div class='maintitle'>Advertise Us! </div></b>
<div class="tablepad"><span class='desc'>
<img src="88x31banner.jpg">
<br>
<br><b><u>Listed At</b></u></b>
<marquee scrolldelay="151"><BR>
<a href="http://www.rpg-directory.com/"
target="_blank"><img src="http://www.img.photobucket.com/albums/v231/ShinLi/RPG%20Life/RPGDirectoryMiniBanner2.gif" alt="RPG-Directory"></a>
 
<a href="http://rpg-directory-home.com/topsite/">
<img src="http://rpg-directory-home.com/topsite/button.php?u=sitename" alt="RPG-Directory Topsite List" border="0" />
</a>
 
</marquee><br>

<textarea class="textinput" readonly="readonly"><a href="http://z8.invisionfree.com/YourSite/index.php?act=idx"
target="_blank"><img src="88x31banner.jpg" alt="Your Site"></a></textarea>
</span></div></div>
</center>

<div class='maintitle'>Credits </div>
<div class="tablepad"><span class='desc'>
Skin ©
<br><br>
Side-bar © <a href="http://rpg-directory.com/">Roswenth</a>

</span></div></div>
<br /></center>
</td>
<td width="720" height="100%" valign=top>

<ul id="nav" >
<li><a id="farleft" href="index.php">Index</a></li>
<li><a href="index.php?act=boardrules">Rules</a></li>
<li><a href="index.php?act=Search">Search</a></li>
<li><a href="index.php?act=Members">Members</a></li>
<li><a href="index.php?act=calendar">Calendar</a></li>
</ul>
<br>
<script type="text/javascript">
//New Banner every page
//By slayer766 of thecodingzone.com

NewBan = new Array();

NewBan[0] = "<img src='http://i223.photobucket.com/albums/dd306/mayhemmurder/Clandestine/banner1.png'>";
NewBan[1] = "<img src='http://i223.photobucket.com/albums/dd306/mayhemmurder/Clandestine/banner2.png'>";
NewBan[2] = "<img src='http://www.aknightstales.com/topsites/button.php?u=julio'>";

var ShowIt = Math.random(torrie);
var torrie = 0
var slayertorrie = Math.floor(Math.random()*NewBan.length);
var banners = NewBan[slayertorrie];

</script></div>

<br><br><br><br><br><br><br>

<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>

Rokkan - December 5, 2007 03:17 PM (GMT)

QUOTE

NewBan = new Array();

that line of code should read

QUOTE

NewBan = new Array(3);

every time you add a new banner, you should make sure to add 1 to the number too.

ShinLi - January 11, 2008 10:46 PM (GMT)

Your topic has been solved and moved to the 'Solved Support Topics' forum! Still have a question, or something isn't clear yet? PM an admin, gmod or cmod, and it will be moved back to the Support Center.

View Full Version: [S] Multiple Banner Images