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

[bada_bing]

Nice reserved for later use

[Wabuf]

This is perfect! Thanks

[GrandAmGuru]

I'm using the following version of the code

PHP Code:

<script language="Javascript"><!-- 
function image() { 
}; 
image = new image(); 
number = 0; 
// imageArray 
image[number++] = "<a href='http://www.domain.net'><img src='http://www.domain.net/picture1.gif' border='0'></a>"
image[number++] = "<a href='http://www.domain.net'><img src='http://www.domain.net/picture2.gif' border='0'></a>"
image[number++] = "<a href='http://www.domain.net'><img src='http://www.domain.net/picture3.jpg' border='0'></a>"
image[number++] = "<a href='http://www.domain.net'><img src='http://www.domain.net/picture4.gif' border='0'></a>"
image[number++] = "<a href='http://www.domain.net'><img src='http://www.domain.net/picture4.jpg' border='0'></a>"
 
// Carry on adding images - as many as you want
increment = Math.floor(Math.random() * number); 
document.write(image[increment]); 
//-->
</script> 


and I can't for the life of me get the right code to center the image. I've tried all sorts of things in the document.write(image[increment]); line. Help!

nevermind. found it.

document.write("<center>",image[increment]);

[attroll]

Originally Posted by GrandAmGuru

I'm using the following version of the code

PHP Code:

<script language="Javascript"><!-- 
function image() { 
}; 
image = new image(); 
number = 0; 
// imageArray 
image[number++] = "<a href='http://www.domain.net'><img src='http://www.domain.net/picture1.gif' border='0'></a>"
image[number++] = "<a href='http://www.domain.net'><img src='http://www.domain.net/picture2.gif' border='0'></a>"
image[number++] = "<a href='http://www.domain.net'><img src='http://www.domain.net/picture3.jpg' border='0'></a>"
image[number++] = "<a href='http://www.domain.net'><img src='http://www.domain.net/picture4.gif' border='0'></a>"
image[number++] = "<a href='http://www.domain.net'><img src='http://www.domain.net/picture4.jpg' border='0'></a>"
 
// Carry on adding images - as many as you want
increment = Math.floor(Math.random() * number); 
document.write(image[increment]); 
//-->
</script> 


and I can't for the life of me get the right code to center the image. I've tried all sorts of things in the document.write(image[increment]); line. Help!

nevermind. found it.

document.write("<center>",image[increment]);

It looks like your using the code form this hack, https://vborg.vbsupport.ru/showthread.php?t=106682

Have you tried putting a <center> in front and a <center> at the end of the script?

[SFertitta72]

This is a nice little hack.

However, how do I get the images to stretch across the entire length of the page? Is there a way to make this have a separate left image (that doesnt change) and a right one that does?

Thanks in advance.