Rotating Forum Banners

Rotating Forum Banners

Tested on vBulletin 3.0.1


I have seen this sort of hack requested many times so I thought I would spend a bit of time and create one.

This will add upto 3 rotating image banners with links on each of your forums using your AdminCP.

The orignal slide show script came from Dynamic Drive

Some values you can change in the script are for pause between next image, animation speed and image size, just find:

var trans_width='480px' //slideshow width
var trans_height='60px' //slideshow height
var pause=5000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)
var degree=10 //animation speed. Greater is faster

If you use this please click install, thanks

[Scerina]

Originally Posted by Beermonster

Edit SHOWTHREAD
find $navbar and below paste

<!--- Start rotating banner --->
<if condition="$foruminfo['rbanner1']">

<center>
<script type="text/javascript">

/***********************************************
* Translucent Slideshow script- ? Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

var trans_width='480px' //slideshow width
var trans_height='60px' //slideshow height
var pause=5000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)
var degree=10 //animation speed. Greater is faster.

var slideshowcontent=new Array()
//Define slideshow contents: [image URL, OPTIONAL LINK, OPTIONAL LINK TARGET]
slideshowcontent[0]=["images/rbanner/$foruminfo[rbanner1]", "http://$foruminfo[rbannerlink1]", "_blank"]
<if condition="$foruminfo['rbanner2']">slideshowcontent[1]=["images/rbanner/$foruminfo[rbanner2]", "http://$foruminfo[rbannerlink2]", "_blank"]</if>
<if condition="$foruminfo['rbanner3']">slideshowcontent[2]=["images/rbanner/$foruminfo[rbanner3]", "http://$foruminfo[rbannerlink3]", "_blank"]</if>


////NO need to edit beyond here/////////////

var bgcolor='white'

var imageholder=new Array()
for (i=0;i<slideshowcontent.length;i++){
imageholder[i]=new Image()
imageholder[i].src=slideshowcontent[i][0]
}

var ie4=document.all
var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1

if (ie4||dom)
document.write('<div style="position:relative;width:'+trans_width+';height:'+trans_height+';overflow:hidden"><div id="canvas0" style="position:absolute;background-color:'+bgcolor+';width:'+trans_width+';height:'+trans_height+';left:-'+trans_width+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div><div id="canvas1" style="position:absolute;background-color:'+bgcolor+';width:'+trans_width+';height:'+trans_height+';left:-'+trans_width+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div></div>')
else if (document.layers){
document.write('<ilayer id=tickernsmain visibility=hide width='+trans_width+' height='+trans_height+' bgColor='+bgcolor+'><layer id=tickernssub width='+trans_width+' height='+trans_height+' left=0 top=0>'+'<img src="'+slideshowcontent[0][0]+'"></layer></ilayer>')
}

var curpos=trans_width*(-1)
var curcanvas="canvas0"
var curindex=0
var nextindex=1

function getslidehtml(theslide){
var slidehtml=""
if (theslide[1]!="")
slidehtml='<a href="'+theslide[1]+'" target="'+theslide[2]+'">'
slidehtml+='<img src="'+theslide[0]+'" border="0">'
if (theslide[1]!="")
slidehtml+='</a>'
return slidehtml
}

function moveslide(){
if (curpos<0){
curpos=Math.min(curpos+degree,0)
tempobj.style.left=curpos+"px"
}
else{
clearInterval(dropslide)
if (crossobj.filters)
crossobj.filters.alpha.opacity=100
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=1
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML=getslidehtml(slideshowcontent[curindex])
nextindex=(nextindex<slideshowcontent.length-1)? nextindex+1 : 0
setTimeout("rotateslide()",pause)
}
}

function rotateslide(){
if (ie4||dom){
resetit(curcanvas)
crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
if (crossobj.filters)
document.all.canvas0.filters.alpha.opacity=document.all.canvas1.filters.alpha.opacity=20
else if (crossobj.style.MozOpacity)
document.getElementById("canvas0").style.MozOpacity=document.getElementById("canvas1").style.MozOpacity=0.2
var temp='setInterval("moveslide()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else if (document.layers){
crossobj.document.write(getslidehtml(slideshowcontent[curindex]))
crossobj.document.close()
}
curindex=(curindex<slideshowcontent.length-1)? curindex+1 : 0
}

function jumptoslide(which){
curindex=which
rotateslide()
}

function resetit(what){
curpos=parseInt(trans_width)*(-1)
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
crossobj.style.left=curpos+"px"
}

function startit(){
crossobj=ie4? eval("document.all."+curcanvas) : dom? document.getElementById(curcanvas) : document.tickernsmain.document.tickernssub
if (ie4||dom){
crossobj.innerHTML=getslidehtml(slideshowcontent[curindex])
rotateslide()
}
else{
document.tickernsmain.visibility='show'
curindex++
setInterval("rotateslide()",pause)
}
}

if (window.addEventListener)
window.addEventListener("load", startit, false)
else if (window.attachEvent)
window.attachEvent("onload", startit)
else if (ie4||dom||document.layers)
window.onload=startit

</script></center>

</if>

<!--- End Rotaing Banner --->

this code is for the 3 banner version

There is a miscoding in the SHOWTHREAD code to display the rotating banners. I used the original code from the Installation Instructions in the SHOWTHREAD template coding.

[Beermonster]

Originally Posted by Scerina

There is a miscoding in the SHOWTHREAD code to display the rotating banners. I used the original code from the Installation Instructions in the SHOWTHREAD template coding.

Thanks, I've had a couple of others with the same problem but wasn't sure what caused it

[SternFan]

Originally Posted by Scerina

There is a miscoding in the SHOWTHREAD code to display the rotating banners. I used the original code from the Installation Instructions in the SHOWTHREAD template coding.

Hmmmmm...am I missing something, because in the original instructions the template mod was in the "ForumDisplay" template, not the "SHOWTHREAD" template. I tried replacing the code in the "ForumDisplay" with the code included above, and the banners stopped working. Any ideas?

[Beermonster]

Originally Posted by SternFan

Hmmmmm...am I missing something, because in the original instructions the template mod was in the "ForumDisplay" template, not the "SHOWTHREAD" template. I tried replacing the code in the "ForumDisplay" with the code included above, and the banners stopped working. Any ideas?

The original was the ForumDisplay someone asked if it could be shown else where, not sure why your banners stopped working

[SternFan]

Originally Posted by Beermonster

The original was the ForumDisplay someone asked if it could be shown else where, not sure why your banners stopped working

I directly replaced the code in FORUMDISPLAY with the code listed above, and the banners no longer display. What am I missing here??

[calvinnguyen]

I just install this hack! I love it, thanks Beermonster!

But, how can I make rotating banners display at forumhome? Can any one or Beermonster show me how to? thanks for advance

[camoman]

Just installed this hack as well.. Works GREAT!!! THANKYOU!

However, I am also wondering how to get this hack to work on the forum home page as well?!?!

Thanks in advance!

-Curtis

[Crank]

so does this hack only allow for three (3) total banners for the entire board or just three for each forum assigned?

[Beermonster]

Originally Posted by Crank

so does this hack only allow for three 930 total banners for the entire board or just three for each forum assigned?

sorry?

[Crank]

wondering if you can set more than three banners for the board or if it only allows you to use three total.