Na 2 seconden plaatje veranderen

Status
Niet open voor verdere reacties.
L

luukieboy1

Gebruiker
Lid geworden
25 feb 2011
Berichten
199
Hallo,

Ik wil graag dat er bijv. om de 2 seconden het plaatje veranderd.
En dan deze plaatjes:
uitroepteken1.png

uitroepteken2.png


Alvast bedankt voor helpen :)
 
het kan ook met javascript:

in de <head> tags:
HTML: 
<script language="JavaScript1.1" type="text/javascript"> 
//voorladen van de beeldjes
var foto1=new Image()
foto1.src="afbeeldingen/wandelpaden.jpg"// beeldje 1
var foto2=new Image()
foto2.src="afbeeldingen/bijenhal2.jpg"// beeldje 2
var foto3=new Image()
foto3.src="afbeeldingen/cascade.jpg"// beeldje 3
var foto4=new Image()
foto4.src="afbeeldingen/achterkantNMC.jpg"// beeldje 4
var foto5=new Image()
foto5.src="afbeeldingen/tuin02.jpg"// beeldje 5
var foto5=new Image()
foto5.src="afbeeldingen/zon_winter.jpg"// beeldje 6
var foto5=new Image()
foto5.src="afbeeldingen/eenden_winter.jpg"// beeldje 7
var foto5=new Image()
foto5.src="afbeeldingen/vijverachternmc.jpg"// beeldje 8
vijverachternmc
</script>

in de <body> tags
HTML: 
<div id="afbins">
<!-- te plaatsen waar je wil dat het beeldje verschijnt -->
<a href="javascript:overgang()"><img class="slideshow" src="afb/algemeen/wandelpaden.jpg" alt = "Wandelpaden NMC" name="slide" height="260" width="420" border=0 style="filter:blendTrans(duration=3)"></a>
</div>	<!-- einde plaatsing -->
<script language="JavaScript1.1" type="text/javascript"> 
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)// wijzigen indien meer beeldjes
stap++
else
stap=1
setTimeout("overvloeier()",4000)// tijd tussen twee beeldjes
}
function overgang(){
if (beeldnr==1)
window.location.href="#"
else if (beeldnr==2)
window.location.href="#"
else if (beeldnr==3)
window.location.href="#"
else if (beeldnr==4)
window.location.href="#" 
else if (beeldnr==5)
window.location.href="#"
else if (beeldnr==6)
window.location.href="#"
else if (beeldnr==7)
window.location.href="#"
else if (beeldnr==8)
window.location.href="#"  // identiek uitbreiden indien meer beeldjes
}
</script>
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan