Ik maak een website met frontpage en gebruik javascripts om mijn pagina wat aan te passen.
Ik wil 2 scripts gebruiken op een pagina. Wanneer ik beide scripts afzonderlijk op de pagina plaats, werken beide zonder probleem. Wanneer ik echter beide scripts wil gebruiken, op de pagina, werkt er slechts één (script 2). Help!!!!
Script 1 - OVERVLOEIER
De afbeeldingen wisselen elkaar af met een fade-in fade-out effect.
Code:
In het HEAD-gedeelte:
<script language="JavaScript1.1">
//voorladen van de beeldjes
var foto1=new Image()
foto1.src="images/logo sponsors/logo Bernard Langeraet laatste nieuws.jpg"// beeldje 1
var foto2=new Image()
foto2.src="images/logo sponsors/logo DD laatste nieuws.jpg"// beeldje 2
</script>
Binnenin de BODY-tag:
<body onLoad="overvloeier()">
In het BODY-gedeelte:
<script>
var stap=1
var beeldnr=1
function overvloeier(){
if (!document.images)
return
if (document.all)
slide.filters.blendTrans.apply()
document.images.slide.src=eval("foto"+stap+".src")
slide0.filters.blendTrans.apply()
document.images.slide0.src=eval("foto"+stap+".src")
if (document.all)
slide.filters.blendTrans.play()
beeldnr=stap
slide0.filters.blendTrans.play()
beeldnr=stap
if (stap<2)// wijzigen indien meer beeldjes
stap++
else
stap=1
setTimeout("overvloeier()",4000)// tijd tussen twee beeldjes
}
function overgang(){
if (beeldnr==1)
window.location="Jeugd/link1.htm"
else if (beeldnr==2)
window.location="Jeugd/link2.htm"
//else if (beeldnr==3)
//window.location="Jeugd/link3.htm" // identiek uitbreiden indien meer beeldjes
}
</script>
Script 2 – BANNER SLIDE
Banners lopen dynamisch op je pagina.
Code:
In het BODY-gedeelte:
<script language="JavaScript1.2">
//verander hieronder de breedte (in pixels)
var sliderwidth=750
//verander hieronder de hoogte (in pixels )
var sliderheight=100
//verander hieronder de snelheid (hoger is sneller)
var slidespeed=5
var leftrightslide=new Array()
var finalslide=''
// verander hieronder de url's (a href ) en de plaatjes (img scr )
leftrightslide[0]='<img src="images/panelen sponsors/paneel Bernard Langeraet volledig_thumb.jpg" border=0></a>'
leftrightslide[1]='<img src="images/panelen sponsors/paneel DD_thumb.jpg" border=0></a>'
var copyspeed=slidespeed
for (i=0;i<leftrightslide.length;i++)
finalslide=finalslide+leftrightslide+" "
if (document.all){
document.write('<marquee id="ieslider" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>')
ieslider.onmouseover=new Function("ieslider.scrollAmount=0")
ieslider.onmouseout=new Function("if (document.readyState=='complete') ieslider.scrollAmount=slidespeed")
}
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
document.ns_slider01.visibility="show"
setTimeout("window.onresize=regenerate",50)
intializeleftrightslide()
}
if (document.all)
ieslider.scrollAmount=slidespeed
}
function intializeleftrightslide(){
document.ns_slider01.document.ns_slider02.document.write('<nobr>'+finalslide+'</nobr>')
document. ns_slider01.document.ns_slider02.document.close()
thelength=document.ns_slider01.document.ns_slider02.document.width
scrollslide()
}
function scrollslide(){
if (document.ns_slider01.document.ns_slider02.left>=thelength*(-1)){
document.ns_slider01.document.ns_slider02.left-=slidespeed
setTimeout("scrollslide()",100)
}
else{
document.ns_slider01.document.ns_slider02.left=sliderwidth
scrollslide()
}
}
window.onload=regenerate2
//-->
</script>
Moet ik iets veranderen aan de code of kan ik beiden niet gebruiken binnen dezelfde pagina?
Thanks!!!!
Ik wil 2 scripts gebruiken op een pagina. Wanneer ik beide scripts afzonderlijk op de pagina plaats, werken beide zonder probleem. Wanneer ik echter beide scripts wil gebruiken, op de pagina, werkt er slechts één (script 2). Help!!!!
Script 1 - OVERVLOEIER
De afbeeldingen wisselen elkaar af met een fade-in fade-out effect.
Code:
In het HEAD-gedeelte:
<script language="JavaScript1.1">
//voorladen van de beeldjes
var foto1=new Image()
foto1.src="images/logo sponsors/logo Bernard Langeraet laatste nieuws.jpg"// beeldje 1
var foto2=new Image()
foto2.src="images/logo sponsors/logo DD laatste nieuws.jpg"// beeldje 2
</script>
Binnenin de BODY-tag:
<body onLoad="overvloeier()">
In het BODY-gedeelte:
<script>
var stap=1
var beeldnr=1
function overvloeier(){
if (!document.images)
return
if (document.all)
slide.filters.blendTrans.apply()
document.images.slide.src=eval("foto"+stap+".src")
slide0.filters.blendTrans.apply()
document.images.slide0.src=eval("foto"+stap+".src")
if (document.all)
slide.filters.blendTrans.play()
beeldnr=stap
slide0.filters.blendTrans.play()
beeldnr=stap
if (stap<2)// wijzigen indien meer beeldjes
stap++
else
stap=1
setTimeout("overvloeier()",4000)// tijd tussen twee beeldjes
}
function overgang(){
if (beeldnr==1)
window.location="Jeugd/link1.htm"
else if (beeldnr==2)
window.location="Jeugd/link2.htm"
//else if (beeldnr==3)
//window.location="Jeugd/link3.htm" // identiek uitbreiden indien meer beeldjes
}
</script>
Script 2 – BANNER SLIDE
Banners lopen dynamisch op je pagina.
Code:
In het BODY-gedeelte:
<script language="JavaScript1.2">
//verander hieronder de breedte (in pixels)
var sliderwidth=750
//verander hieronder de hoogte (in pixels )
var sliderheight=100
//verander hieronder de snelheid (hoger is sneller)
var slidespeed=5
var leftrightslide=new Array()
var finalslide=''
// verander hieronder de url's (a href ) en de plaatjes (img scr )
leftrightslide[0]='<img src="images/panelen sponsors/paneel Bernard Langeraet volledig_thumb.jpg" border=0></a>'
leftrightslide[1]='<img src="images/panelen sponsors/paneel DD_thumb.jpg" border=0></a>'
var copyspeed=slidespeed
for (i=0;i<leftrightslide.length;i++)
finalslide=finalslide+leftrightslide+" "
if (document.all){
document.write('<marquee id="ieslider" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>')
ieslider.onmouseover=new Function("ieslider.scrollAmount=0")
ieslider.onmouseout=new Function("if (document.readyState=='complete') ieslider.scrollAmount=slidespeed")
}
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
document.ns_slider01.visibility="show"
setTimeout("window.onresize=regenerate",50)
intializeleftrightslide()
}
if (document.all)
ieslider.scrollAmount=slidespeed
}
function intializeleftrightslide(){
document.ns_slider01.document.ns_slider02.document.write('<nobr>'+finalslide+'</nobr>')
document. ns_slider01.document.ns_slider02.document.close()
thelength=document.ns_slider01.document.ns_slider02.document.width
scrollslide()
}
function scrollslide(){
if (document.ns_slider01.document.ns_slider02.left>=thelength*(-1)){
document.ns_slider01.document.ns_slider02.left-=slidespeed
setTimeout("scrollslide()",100)
}
else{
document.ns_slider01.document.ns_slider02.left=sliderwidth
scrollslide()
}
}
window.onload=regenerate2
//-->
</script>
Moet ik iets veranderen aan de code of kan ik beiden niet gebruiken binnen dezelfde pagina?
Thanks!!!!
