PDA

View Full Version : Problem with DHTML Billboard script please help



wilee
03-17-2009, 03:35 AM
1) DHTML Billboard script

2) http://www.dynamicdrive.com/dynamicindex2/dhtmlbillboard.htm

3) Describe problem:
Hi guys ive been trying for hours to get this script working i just dont know what the problem is. I have it working HERE (http://www.rakeline.com/pages/rimage1.html) but when i try to add it to a main page i get a problem see it HERE (http://www.rakeline.com/pages/testpage.html)

Please note that i am using another script on the main page this one
http://www.dynamicdrive.com/dynamicindex2/prohtmlticker.htm HERE (http://www.rakeline.com/pages/offersmiddle.html) is the pag that is on and as you see that works fine on the main page. Can someone help me out here its doing my head in.


<style type="text/css">

/*Modify attributes of #contentwrapper below as desired*/
#contentwrapper{
width: 580px;
height: 540px;
background-color: #000000;
padding: 0px;
}

.billcontent{
width: 100%;
display:block;
}

</style>

<script type="text/javascript">

/***********************************************
* DHTML Billboard script- Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

//List of transitional effects to be randomly applied to billboard:
var billboardeffects=["GradientWipe(GradientSize=1.0 Duration=0.7)", "Inset", "Iris", "Pixelate(MaxSquare=5 enabled=false)", "RadialWipe", "RandomBars", "Slide(slideStyle='push')", "Spiral", "Stretch", "Strips", "Wheel", "ZigZag"]

//var billboardeffects=["Iris"] //Uncomment this line and input one of the effects above (ie: "Iris") for single effect.

var tickspeed=20000 //ticker speed in miliseconds (2000=2 seconds)
var effectduration=500 //Transitional effect duration in miliseconds
var hidecontent_from_legacy=1 //Should content be hidden in legacy browsers- IE4/NS4 (0=no, 1=yes).

var filterid=Math.floor(Math.random()*billboardeffects.length)

document.write('<style type="text/css">\n')
if (document.getElementById)
document.write('.billcontent{display:none;\n'+'filter:progid:DXImageTransform.Microsoft.'+billboardeffects[filterid]+'}\n')
else if (hidecontent_from_legacy)
document.write('#contentwrapper{display:none;}')
document.write('</style>\n')

var selectedDiv=0
var totalDivs=0

function contractboard(){
var inc=0
while (document.getElementById("billboard"+inc)){
document.getElementById("billboard"+inc).style.display="none"
inc++
}
}

function expandboard(){
var selectedDivObj=document.getElementById("billboard"+selectedDiv)
contractboard()
if (selectedDivObj.filters){
if (billboardeffects.length>1){
filterid=Math.floor(Math.random()*billboardeffects.length)
selectedDivObj.style.filter="progid:DXImageTransform.Microsoft."+billboardeffects[filterid]
}
selectedDivObj.filters[0].duration=effectduration/1000
selectedDivObj.filters[0].Apply()
}
selectedDivObj.style.display="block"
if (selectedDivObj.filters)
selectedDivObj.filters[0].Play()
selectedDiv=(selectedDiv<totalDivs-1)? selectedDiv+1 : 0
setTimeout("expandboard()",tickspeed)
}

function startbill(){
while (document.getElementById("billboard"+totalDivs)!=null)
totalDivs++
if (document.getElementById("billboard0").filters)
tickspeed+=effectduration
expandboard()
}

if (window.addEventListener)
window.addEventListener("load", startbill, false)
else if (window.attachEvent)
window.attachEvent("onload", startbill)
else if (document.getElementById)
window.onload=startbill

</script>
<div id="contentwrapper">

<div id="billboard0" class="billcontent">
content removed to save space

</div>

<div id="billboard1" class="billcontent">
content removed to save space

</div>


</div>

Also id like to add that i wouldnt mind using this for the 2 sections of image changes ie this one (http://www.rakeline.com/pages/offersmiddle.html) and this one (http://www.rakeline.com/pages/rimage1.html) but i cant get 2 seprate parts using the same script on the same page. Is there a way to give them unique ids?

Thanks a million if you can help me!