hergebruiken van javascript code?

Status
Niet open voor verdere reacties.
S

shidan

Gebruiker
Lid geworden
8 jan 2007
Berichten
354
goedenavond,

ik gebruik onderstaande code om van elke leerling foto's te laten weergeven als slideshow.
dit werkt prima maar lijkt mij slordig.
ik zou de javascripts in een aparte map willen zetten en dan vanuit elke pagina ernaartoe willen verwijzen.
(de javascript in de body tags, deze in de header tags dient om steeds andere foto's voor te laden.)
kan iemand mij helpen met dit probleem?
ik geraak er niet echt aan uit
de map 'javascripts' mag tussen de diverse pagina's van de leerlingen staan.

alvast met dank

Code: 
<html>

<header>
<script language="JavaScript1.1">
//voorladen van de plaatjes
var foto1=new Image()
foto1.src="1.gif"// foto 1
var foto2=new Image()
foto2.src="2.gif"// foto 2
var foto3=new Image()
foto3.src="3.gif"// foto 3
var foto4=new Image()
foto4.src="4.gif"// foto 4
var foto5=new Image()
foto5.src="5.gif"// foto 5
</script>
</header>

<body onLoad="overvloeier()">
<a href="javascript:overgang()"><img src="1.gif" name="slide" border=0 style="filter:blendTrans(duration=3)" width="150" height="100"></a>
<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")
if (document.all)
slide.filters.blendTrans.play()
beeldnr=stap
if (stap<5)// aanpassen aan aantal plaatjes
stap++
else
stap=1
setTimeout("overvloeier()",4000)// de tijd tussen twee plaatjes in milliseconden
}

function overgang(){
if (beeldnr==1)
window.location=" "
else if (beeldnr==2)
window.location=" "
else if (beeldnr==3)
window.location=" " 
else if (beeldnr==4)
window.location=" "
else if (beeldnr==5)
window.location=" " 
}
</script>
<body>
</html>
 
Maak een map genaamd 'js';

js/slider.js[JS]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")
if (document.all)
slide.filters.blendTrans.play()
beeldnr=stap
if (stap<5)// aanpassen aan aantal plaatjes
stap++
else
stap=1
setTimeout("overvloeier()",4000)// de tijd tussen twee plaatjes in milliseconden
}

function overgang(){
if (beeldnr==1)
window.location=" "
else if (beeldnr==2)
window.location=" "
else if (beeldnr==3)
window.location=" "
else if (beeldnr==4)
window.location=" "
else if (beeldnr==5)
window.location=" "
}
[/JS]zomaar_een_pagina.html
HTML: 
<html>

<head>

<!-- hier de magie: -->
<script src='js/slider.js' type='text/javascript'></script>

<script type='text/javascript'>
//voorladen van de plaatjes
var foto1=new Image()
foto1.src="1.gif"// foto 1
var foto2=new Image()
foto2.src="2.gif"// foto 2
var foto3=new Image()
foto3.src="3.gif"// foto 3
var foto4=new Image()
foto4.src="4.gif"// foto 4
var foto5=new Image()
foto5.src="5.gif"// foto 5
</script>
</head>

<body onload="overvloeier()">
<a href="#" onclick="overgang();">
   <img src="1.gif" name="slide" border=0 style="filter:blendTrans(duration=3)" width="150" height="100">
</a>

<body>
</html>
:thumb:


ps. je foto script werkt denk ik alleen in IE, en is echt al eeuwen oud; dingen als eval() zijn echt uit het jaar 1997. Mischien kan je beter eens op zoek gaan naar een nieuw slider script, of er zelf eentje bouwen.
Ohja, en het is <head> en </head>, zonder 'er' dus.
Oh, en tegenwoordig gebruik je <script type='text/javascript'>, niet language. Ook zoiets uit 1997.
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan