Random Logo in Header

What it does...
Exactly what the title says. It's very similar to my 3.5 edit.

In the header template....
PLACE THIS AT THE VERY TOP OF THE HEADER TEMPLATE

<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] = 'images/statusicon/forum_old.gif'
theImages[1] = 'images/statusicon/forum_new.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('<td align="$stylevar[left]"><a href="index.php"><img src="'+theImages[whichImage]+'" border="0" alt="$vboptions[bbtitle]" /></a></div>');
}
 
// End -->
</script>

Remember to edit the image paths under "<!-- Edit the url images to match yours"

Find:

	<td align="$stylevar[left]"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>

Replace with:

<SCRIPT LANGUAGE="JavaScript">
showImage();
</script>

Like it? Use it?
Click Install

[josiespencer]

Ok, here is a variation. Can you tie this to userID or better yet, usergroup? Some get the random logo and some don't? Some people like change and some people don't?

[zan3y]

I know this is probably a dumb post but this works for 3.6.2 too (and I have vBadvanced installed).

[chiaa]

Installed and followed the directions. I am only getting the image urls to show up on my index page (vbadvanced). Images are random there...

The rest of my site they do not show up. My site thekimchipot.com

Header currently has:

<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] = 'forums/images/Users_logos/palacelogo.jpg'
theImages[1] = 'forums/images/Users_logos/newspaperlogo.png'
theImages[2] = 'forums/images/Users_logos/girlslogo.jpg'
theImages[3] = 'forums/images/Users_logos/chiaalogo.jpg'
 
 
 
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('<td align="$stylevar[left]"><a href="index.php"><img src="'+theImages[whichImage]+'" border="0" alt="$vboptions[bbtitle]" /></a></div>');
}
 
// End -->
</script>



<!-- logo -->
<a name="top"></a>
<table border="0" width=200 HEIGHT=30 cellpadding="0" cellspacing="0" align="center">
<tr>
	<SCRIPT LANGUAGE="JavaScript">
showImage();
</script>
	<td align="$stylevar[right]">
		&nbsp;
	</td>
</tr>
</table>
<!-- /logo -->

<!-- content table -->
$spacer_open

$_phpinclude_output

Any help is appreciated.

[HeRmAn'S]

Originally Posted by chiaa

The rest of my site they do not show up. My site thekimchipot.com

visit yours sites in ...follow - up screen caps ...web browser refresh ...ta taaaa ......good days

[chiaa]

Acutally it was always working where you took those screen shots (see my original post about it working on my vbadnaced page).

But.....

You actually in a subtle way led me to fix it. I had to put a copy of the banners in /forums/forums/images......

Originally Posted by HeRmAn'S

visit yours sites in ...follow - up screen caps ...web browser refresh ...ta taaaa ......good days

[phonexpo]

Installed and working 100% on 3.6.5

Thanks

[2 FN LOW]

i cant get this code to work for some reason...i did everything it says to do too...My header template was originally modded before so i replaced the code to original to start fresh...I made a folder (banner/images) and put my banner images in there and then i did what the instructions say....My images do not show up, i just get a link to my main forum page

<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] = 'banner/images/banner1.gif'
theImages[1] = 'banner/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('<td align="$stylevar[left]"><a href="index.php"><img src="'+theImages[whichImage]+'" border="0" alt="$vboptions[bbtitle]" /></a></div>');
}
 
// End -->
</script>
<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
	<SCRIPT LANGUAGE="JavaScript">
showImage();
</script>
	<td align="$stylevar[right]">
		&nbsp;
	</td>
</tr>
</table>
<!-- /logo -->

<!-- content table -->
$spacer_open

$_phpinclude_output

any help here?

[WebmasterSimds]

Thisis a wonderful addition to my site. makes it more fresh looking, Thanks for the mod

[Slyfox1]

Works fine as long as you specify the complete URL to the images.

'images/xxx.jpg' will work fine for one area but not another;

'http://yoursite.com/path/to/your/images.jpg' works.

[asasi]

Is there any hack that change logo in special dates. for example admin can set "chrismas_logo.gif" for chrismas day. and can set "valentine_logo.gif" for valentine day. It will be very cool