plaatje fade out

[gast0515]

Hallo,

ik wil graag volgende voor elkaar krijgen maar weet niet precies hoe...

de site wordt geopend met een plaatje
na enkele seconden moet het plaatje uitvloeien (fade -out) en nieuwe pagina opent.

Het zou natuurlijk heel mooi zijn als het plaatje in een pagina uitvloeit.

Heeft iemand goede tips?
Alvast dank

gast0515

 

[Woutertjuh88]

Dat kan met jQuery .fadeOut()

HTML code(plaatje):

<img src="plaatje.jpg" id="plaatje"/>

jQuery code(dit zet je in een javascript bestandje, welke je aanroept op je pagina, in de head-tag):

$(document).ready(function() {
 $('.plaatje').fadeOut('slow');
});

Je moet wel zorgen dat er jQuery geladen wordt, dat kan met de volgende code(in de head-tag):

<script type='text/javascript' src="http://code.jquery.com/jquery-1.5.2.min.js"></script

 

[csshunter]

... Dat kan met jQuery .fadeOut() ...

... of met een kleiner scriptje:

• Test: www.developerscorner.nl/csshunter/tests/intro-image-fadeout.htm
• Er opent geen nieuwe pagina, maar de pagina staat er al achter, en komt tegelijkertijd ingefaded (of ge-infaded).
• Da's ook prettig voor zoekmachines, die gewoon de tekst van de pagina oppikken.

Met vriendelijke groet,
CSShunter
__________
PS: tekst-browsers, die geen javascript kennen, kunnen er ook mee overweg: