Plaatjes overgang: Vloeiend

Wie kan mij aan een (liefst html) code helpen, waarbij ik de URL van 2 (of meer) plaatjes in voeg, en dat die plaatjes, VLOEIEND!, in elkaar overlopen?

Je krijgt er ook een beloninkje voor!

dankje!

tadaaaaa:

Stap 1:  Plak deze code in de "HEAD" van je HTML document.

<script language="JavaScript1.2">

function reapply(){
setTimeout("slideit()",2000)
return true
}
window.onerror=reapply
</script>
<script language="JavaScript1.1">
<!--
var image1=new Image()
image1.src="foto1.jpg"
var image2=new Image()
image2.src="foto2.jpg"
var image3=new Image()
image3.src="foto3.jpg"
var image4=new Image()
image4.src="foto4.jpg"
var image5=new Image()
image5.src="foto5.jpg"
var image6=new Image()
image6.src="foto6.jpg"
var image7=new Image()
image7.src="foto7.jpg"
var image8=new Image()
image8.src="foto8.jpg"
var image9=new Image()
image9.src="foto9.jpg"
var image10=new Image()
image10.src="foto10.jpg"
//-->
</script>


Stap 2:  Plaats de "onLoad" boven in de "body" van je site.

<body onLoad="slideit()">

Stap 3: Plak deze code in de "body" van je HTML document.

<a href="javascript:slidelink()" onMouseover="window.status=Click on the image to learn more about it!;return true" onMouseout="window.status="><img src="foto1.jpg" name="slide" border=0 style="filter:blendTrans(duration=3)" width="386" height="249"></a>
<script>
<!--
////change number of images below 
var number_of_images=10
//change speed below (in seconds)
var speed=3
var step=1
var whichimage=1
function slideit(){
if (!document.images)
return
if (document.all)
slide.filters.blendTrans.apply()
document.images.slide.src=eval("image"+step+".src")
if (document.all)
slide.filters.blendTrans.play()
whichimage=step
if (step<number_of_images)
step++
else
step=1
if (document.all)
setTimeout("slideit()",speed*1000+3000)
else
setTimeout("slideit()",speed*1000)
}
function slidelink(){
if (whichimage==1)
window.location="http://home.wanadoo.nl/java.script/"
else if (whichimage==2)
window.location="http://home.wanadoo.nl/de.animaties/"
else if (whichimage==3)
window.location="http://www.mengerink.myweb.nl/"
}
//-->
</script>

Ik ben jou zo dankbaar!

En ik moet op de plek waar HIER bijstaat, de URLs veranderen?

Stap 1:  Plak deze code in de "HEAD" van je HTML document.

<script language="JavaScript1.2">

function reapply(){
setTimeout("slideit()",2000)
return true
}
window.onerror=reapply
</script>
<script language="JavaScript1.1">
<!--
var image1=new Image()
image1.src="foto1.jpg"
var image2=new Image()                            
image2.src="foto2.jpg"                                 
var image3=new Image()                               
image3.src="foto3.jpg"
var image4=new Image()
image4.src="foto4.jpg"
var image5=new Image()
image5.src="foto5.jpg"
var image6=new Image()                                                HIER DUS, tot waar de streepjes gaan? Kan ik dan 
image6.src="foto6.jpg"                                              /      bij "foto(#).jpg" een URL van een plaatje invoegen?
var image7=new Image()
image7.src="foto7.jpg"
var image8=new Image()
image8.src="foto8.jpg"
var image9=new Image()
image9.src="foto9.jpg"                                      /
var image10=new Image()                               /
image10.src="foto10.jpg"                                /
//-->
</script>


Stap 2:  Plaats de "onLoad" boven in de "body" van je site.

<body onLoad="slideit()">

Stap 3: Plak deze code in de "body" van je HTML document.

<a href="javascript:slidelink()" onMouseover="window.status=Click on the image to learn more about it!;return true" onMouseout="window.status="><img src="foto1.jpg" name="slide" border=0 style="filter:blendTrans(duration=3)" width="386" height="249"></a>
<script>
<!--
////change number of images below 
var number_of_images=10
//change speed below (in seconds)
var speed=3
var step=1
var whichimage=1
function slideit(){
if (!document.images)
return
if (document.all)
slide.filters.blendTrans.apply()
document.images.slide.src=eval("image"+step+".src")
if (document.all)
slide.filters.blendTrans.play()
whichimage=step
if (step<number_of_images)
step++
else
step=1
if (document.all)
setTimeout("slideit()",speed*1000+3000)
else
setTimeout("slideit()",speed*1000)
}
function slidelink(){
if (whichimage==1)
window.location="http://home.wanadoo.nl/java.script/"
else if (whichimage==2)
window.location="http://home.wanadoo.nl/de.animaties/"
else if (whichimage==3)
window.location="http://www.mengerink.myweb.nl/"
}
//-->
</script>

Ja, vervang foto1.jpg enzo voor je eigen

ok, remi? Ik heb een vraagje, gebruik jij internet explorer? Want bij mij (op safari) word het niet ondersteund. Kun jij kijken of het werkt? Kijk maar op:

www.puzzelpagina.zikle.nl/test

Ja, het is Zikle, dat weet ik. Maar gebruik ik om uit te proberen.

En je kunt dus gewoon een URl invoegen zoals : http://www.fotogoof.nl/koe/koe.jpg

Je hoeft dus geen host te hebben , en het daar op te zetten?

Hij werkt op Chrome

op chrome gaat hij normaal.. op internet explore dacht ik langzaam verandert hij..

kijk onderin:

function slidelink(){
if (whichimage==1)
window.location="http://home.wanadoo.nl/java.script/"
else if (whichimage==2)
window.location="http://home.wanadoo.nl/de.animaties/"
else if (whichimage==3)
window.location="http://www.mengerink.myweb.nl/"
}

daar kan je die urlz veranderen..

dus:

function slidelink(){
if (whichimage==1) // <--------- plaatje nr 1
window.location="http://home.wanadoo.nl/java.script/"    // <------ plaatje nr 1 link
else if (whichimage==2) // <--- plaatje nr 2
window.location="http://home.wanadoo.nl/de.animaties/"    // <------ plaatje nr 2 link
else if (whichimage==3)
window.location="http://www.mengerink.myweb.nl/"     // <--- plaatje nr 3
//als je wilt voeg je er meer bij toe door steeds stukje te kopieren dus dan krijg je bijv.. voor nr 4..
else if (whichimage==4)
window.location="http://www.sitevan4eplaatje.nl/"
}

OK, bedankt Erwin voor de extra uitleg. Bedankt iedereen!

Kan iemand nog even kijken; of hij nu ook op internet explorer werkt?

Alleen ik heb gezegd wat erwinsite zei. alleen dan staat er geen plaatje, alleen een vierkantje met een vraagteken, bij mij dan. Kan iemand kijken naar de site

puzzelpagina.zikle.nl/test

daar staat hij.

En dit is de code, zoals hij erop staat:

<HEAD>

<script language="JavaScript1.2">

function reapply(){
setTimeout("slideit()",2000)
return true
}
window.onerror=reapply
</script>
<script language="JavaScript1.1">
<!--
var image1=new Image()
image1.src="foto1.jpg"
var image2=new Image()
image2.src="foto2.jpg"
var image3=new Image()
image3.src="foto3.jpg"
var image4=new Image()
image4.src="foto4.jpg"
var image5=new Image()
image5.src="foto5.jpg"
var image6=new Image()
image6.src="foto6.jpg"
var image7=new Image()
image7.src="foto7.jpg"
var image8=new Image()
image8.src="foto8.jpg"
var image9=new Image()
image9.src="foto9.jpg"
var image10=new Image()
image10.src="foto10.jpg"
//-->
</script>

<body onLoad="slideit()">

<a href="javascript:slidelink()" onMouseover="window.status=Click on the image to learn more about it!;return true" onMouseout="window.status="><img src="foto1.jpg" name="slide" border=0 style="filter:blendTrans(duration=3)" width="386" height="249"></a>
<script>
<!--
////change number of images below 
var number_of_images=10
//change speed below (in seconds)
var speed=3
var step=1
var whichimage=1
function slideit(){
if (!document.images)
return
if (document.all)
slide.filters.blendTrans.apply()
document.images.slide.src=eval("image"+step+".src")
if (document.all)
slide.filters.blendTrans.play()
whichimage=step
if (step<number_of_images)
step++
else
step=1
if (document.all)
setTimeout("slideit()",speed*1000+3000)
else
setTimeout("slideit()",speed*1000)
}
function slidelink(){
if (whichimage==1)
window.location="http://beetjevanalles.be/system/files/aap.jpg"
else if (whichimage==2)
window.location="http://www.dutchcows.com/images/koe8704_r4_c5.jpg"
else if (whichimage==3)
window.location="http://www.geertsen.nl/assortiment_bestanden/varken.jpg"
}
//-->
</script>
</BODY>

ik heb ff scriptje voor je voledig gemaakt want volgensmij ben je niet de beste met html/javascript want.. je vergeet wel dingen als enzo

Oeps.... vergeten

Hoe moet ik het dan doen?

Kun jij voor mij een volledig scriptje maken? Gebruik maar die 3 voorbeeld plaatjes, dat varken, die koe en die aap.
THNX!

ik stuur je naderhand wel een vergoedinkje.

taadaa: (getest in google chrome en in IE)
in IE gaat hij mooi vloeiend over.. in google schrome springt hij helaas gewoon van 1e naar andere plaatje.. en in firefox zelfde als chrome..

<head>
<script language="JavaScript1.2">

function reapply(){
setTimeout("slideit()",2000)
return true
}
window.onerror=reapply
</script>
<script language="JavaScript1.1">
<!--
var image1=new Image()
image1.src="http://multiblog.vrt.be/wp-content/plugins/ImageManager/r2kimburg/upload/zwerfovl/Aap.jpg" // <-- tussen image1.src=" en " staat de link die je naar het 1e plaatje verwijst
var image2=new Image()
image2.src="http://www.sjamaan.nl/wordpress/wp-content/uploads/2009/03/draak202.jpg" // <-- tussen image2.src=" en " staat de link die je naar het 2e plaatje verwijst
var image3=new Image()
image3.src="http://www.pluspost.nl/wp-content/uploads/2009/05/ezel-2.jpg" // <-- tussen image3.src=" en " staat de link die je naar het 3e plaatje verwijst
//-->
</script>
</head>
<body onLoad="slideit()">
<a href="javascript:slidelink()" onMouseover="window.status=Click on the image to learn more about it!;return true" onMouseout="window.status="><img src="foto1.jpg" name="slide" border=0 style="filter:blendTrans(duration=3)" width="386" height="249"></a>
<script>
<!--
var number_of_images=10  // <-- aantal plaatjes
var speed=3 // <-- snelheid in seconden
var step=1
var whichimage=1
function slideit(){
if (!document.images)
return
if (document.all)
slide.filters.blendTrans.apply()
document.images.slide.src=eval("image"+step+".src")
if (document.all)
slide.filters.blendTrans.play()
whichimage=step
if (step<number_of_images)
step++
else
step=1
if (document.all)
setTimeout("slideit()",speed*1000+3000)
else
setTimeout("slideit()",speed*1000)
}
function slidelink(){
if (whichimage==1)
window.location="http://www.erwinssite.tk/" // <-- link van plaatje 1
else if (whichimage==2)
window.location="http://www.one2xs.com/" // <-- link van plaatje 2
else if (whichimage==3)
window.location="http://www.habbo.nl/" // <-- link van plaatje 3
}
//-->
</script>
</body>

zelfs uitleg er nog bij achter de // steeds