Random Logo in Header

What This Does
This will make a random logo which you select appear on the top of your board.

You must have JavaScript enabled.

Now let's get started, shall we?
Go to your admincp and open up the "header" template.

At the very begining of your header template, add:

<SCRIPT LANGUAGE="JavaScript">
 
<!-- Begin Random Logo In Header Script
 
var theImages = new Array() // do not change this
 
<!-- Edit the url images to match yours
theImages[0] = 'http://www.yoursite.com/forum/images/banner1.gif'
theImages[1] = 'http://www.yoursite.com/forum/images/banner2.gif'
 
 
 
var j = 0
var p = theImages.length;
var preBuffer = new Array()
for (i = 0; i < p; i++){
preBuffer[i] = new Image()
preBuffer[i].src = theImages[i]
}
var whichImage = Math.round(Math.random()*(p-1));
function showImage(){
document.write('<div align="center"><a href="index.php"><img src="'+theImages[whichImage]+'" border="0" alt="$vboptions[bbtitle]" /></a></div>');
}
 
// End -->
</script>

Find:

<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
    <td align="$stylevar[left]" class="logobg"><a href="$vboptions[forumhome].php?$session[sessionurl]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
</tr>
</table>

And replace it with:

<SCRIPT LANGUAGE="JavaScript">
 
 
<!-- Begin
showImage();
// End --></script>

And you're done

To add more images, go back to:

theImages[1] = 'http://www.yoursite.com/forum/images/banner2.gif'

And after, you can add:

theImages[2] = 'http://www.yoursite.com/forum/images/banner3.gif'

And so on.

I know this can be done with a plugin or some sort of installer, but since I have no idea on how to do that, I suppose there won't be one unless someone creates one, or until I figure out how.

If you would like to recieve updates on this modification, please click the 'Install' button.

Daniel
www.mmoccforum.com

[rareclownfish]

Perfect!

[hotwheels]

very nice

[is mise]

Originally Posted by spongebobrox128

*Sighs*, why cannot anyone write there own scripts (not vB hacks (leave that to coders who are expericend with vB), but JS is pretty simple)
Random Image Scripts with links or with out are really simple. This will work for links (put this in top of headinclude)

 <script type='text/javascript'> function randImage() {   images = new array();   links = new array();   images[0] = 'http://mysite.com/mybanner.gif';   links[0] = 'http://mysite.com/service/';   images[1] = 'http://mysite.com/cool.gif';   links[1] = 'http://mysite.com/cool.html';   var randIndex = Math.round(Math.random()*(images.length-1));   document.write("<a href='" + links[randIndex] + "'><img src='" + links[randIndex] + "'></a>");   return true; } </script>

In Header Under "<!-- logo -->" put:

 <script type='text/javascript'> randImage(); </script>

images[x] and links[x] are matching, so if you have images[1] configured to a banner for your hosting services, and you have a specific page for that banner, links[1] would be THE FULL URL to that page.And I just wrote this, and I didn't test it, so there may be a few errors. Tell me if it doesn't work.

A few typos. This worked, though:

function randImage() {
   var images = new Array();
   var links = new Array();
   images[0] = 'http://www.mysite.com/graphics/23.jpg';
   links[0] = 'http://www.appleinsider.com';
   images[1] = 'http://www.mysite.com/graphics/20.jpg';
   links[1] = 'http://macrumors.com';
   var randIndex = Math.round(Math.random()*(images.length-1));
   document.write('<a href="' + links[randIndex] + '"><img src="' + images[randIndex] + '" border="0"></a>');
   return true;
 }

[defcon_420]

Originally Posted by attroll

This using this code. You can add as many rotating banners that you want.

<!-- Begin rotating ad code -->
<script language="Javascript"><!-- 
function image() { 
}; 
image = new image(); 
number = 0; 
// imageArray 
image[number++] = "<a href='http://www.yoursite.net/forum/payments.php'><img src='http://www.yoursite.net/forum/sponsors/donatebanner.gif' border='0'></a>"
image[number++] = "<a href='http://www.hikersupply.com'><img src='http://www.yoursite.net/forum/sponsors/hikersupply.gif' border='0'></a>"
image[number++] = "<a href='http://www.modelt.net'><img src='http://www.yoursite.net/forum/sponsors/modeltbanner.gif' border='0'></a>"
image[number++] = "<a href='http://appalachiantrailservices.com/'><img src='http://www.yoursite.net/forum/sponsors/atservicesbanner.gif' border='0'></a>"
image[number++] = "<a href='http://www.thepacka.com/'><img src='http://www.yoursite.net/forum/sponsors/cedartreebanner.gif' border='0'></a>"
// Carry on adding images - as many as you want
increment = Math.floor(Math.random() * number); 
document.write(image[increment]); 
//-->
</script>
<!-- End rotating ad code --> 

Nice simple and it works thanks!

[Ahsin1]

cool nice modification... thanx...

installed @ www.DesiOutlaws.net

[xtreme2]

pretty cool... all I am wondering is how would you get it to replace the forum logo?

http://forums.probe-enthusiast.com/

that is my forum... since my forum logo is routed into the heading, where would I put it? I got lazy and instead of changing the coding for my forum banner to be displayed, I just changed the filename so that it replaced the original logo.

Let me know...

[Binoy]

Nice mod...what if i want to have random lgo in my header ?

can someone help me in this ?

[legion_diabolic]

Nothing in the vbull documentation, nothing in search, certainly nothing in the admincp under vbull options or any other logical category I can think of. The only reference to javascript whatsoever has to do with external data sydication ie. including vbull data as html in an external document.

[Daniel]

Originally Posted by xtreme2

pretty cool... all I am wondering is how would you get it to replace the forum logo?
http://forums.probe-enthusiast.com/

that is my forum... since my forum logo is routed into the heading, where would I put it? I got lazy and instead of changing the coding for my forum banner to be displayed, I just changed the filename so that it replaced the original logo.

Let me know...

Originally Posted by Binoy

Nice mod...what if i want to have random lgo in my header ?

can someone help me in this ?

Find in header

<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
	<td align="$stylevar[left]"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
	<td align="$stylevar[right]">
		&nbsp;
	</td>
</tr>
</table>
<!-- /logo -->

and replace with

<SCRIPT LANGUAGE="JavaScript">
 
<!-- Begin Random Logo In Header Script
 
var theImages = new Array() // do not change this
 
<!-- Edit the url images to match yours
theImages[0] = 'http://www.yoursite.com/forum/images/banner1.gif'
theImages[1] = 'http://www.yoursite.com/forum/images/banner2.gif'
 
 
 
var j = 0
var p = theImages.length;
var preBuffer = new Array()
for (i = 0; i < p; i++){
preBuffer[i] = new Image()
preBuffer[i].src = theImages[i]
}
var whichImage = Math.round(Math.random()*(p-1));
function showImage(){
document.write('<div align="center"><a href="index.php"><img src="'+theImages[whichImage]+'" border="0" alt="$vboptions[bbtitle]" /></a></div>');
}
 
// End -->
</script>

<!-- output logo -->
<SCRIPT LANGUAGE="JavaScript"> 
<!-- Begin
showImage();
<!-- end -->
</script>

change the image paths accordingly.

[Daniel]

Originally Posted by legion_diabolic

Nothing in the vbull documentation, nothing in search, certainly nothing in the admincp under vbull options or any other logical category I can think of. The only reference to javascript whatsoever has to do with external data sydication ie. including vbull data as html in an external document.

The end user must have javascript enabled.