Websiteforum.nl 2.0

door **JanDB** op ma 22 feb 2010, 18:34

Weet iemand hoe je met Jquery een afbeelding kan laten verdwijnen doordat je er met je muis overheen gaat.

Hij mag dan niet terugkomen dus hij blijft weg bij een mouseover.

Alvast bedankt!

door **foxofinfinety** op ma 22 feb 2010, 20:19

waarom met JQuery?
dat kan ook met native javascript.

door **Thumbnail** op di 23 feb 2010, 11:38

onmouseover="this.style.display='none'"

door **JanDB** op di 23 feb 2010, 12:19

Het is mooier met een fade-effect, dus dat hij langzaam vervaagt. Dit kan niet echt goed met native Javascript.

door **Thumbnail** op di 23 feb 2010, 14:49

onmouseover="$('#divnaam').FadeOut('normal');" dat was niet heel moeilijk te bedenken heh ?

door **JanDB** op wo 24 feb 2010, 14:06

Thumbnail schreef:onmouseover="$('#divnaam').FadeOut('normal');" dat was niet heel moeilijk te bedenken heh ?

Hij doet het niet.

De afbeelding die ik in de div heb gezet doet het niet...

Toegevoegd om 15:25:

Ik snap er helemaal niks van... Wat doe ik fout?
Misschien dat ik het op de verkeerde zet ofzo?

Alsvast bedankt voor jullie hulp!

Dit is de code in de <head>

Regelnummers Aan/Uit | Uitklappen/Inklappen | Selecteer alles

<script type="text/javascript">
    onmouseover="$('#divnaam').FadeOut('normal');"
</script>

Dit is de <div> in de <body>

Regelnummers Aan/Uit | Uitklappen/Inklappen | Selecteer alles

<div id="divnaam">
<IMG SRC="http://members.home.nl/rolfhobby/Test-Beeld.jpg" ALT="divnaam">
</div>

door **Davey** op wo 24 feb 2010, 17:32

Regelnummers Aan/Uit | Uitklappen/Inklappen | Selecteer alles

 
<div id="divnaam">
    <img src="http://members.home.nl/rolfhobby/Test-Beeld.jpg" alt="Test plaatje" onmouseover="$('#divnaam').FadeOut('normal');">
</div>
 

zo moet hij dan werken als de jQuery goed is

door **Thumbnail** op do 25 feb 2010, 17:35

FadeOut kan ook fadeOut zijn, dacht dat dat geen verschil was, maarja

VERGEET JQuery NIET TOE TE VOEGEN IN JE HEAD !

door **foxofinfinety** op do 25 feb 2010, 23:12

het is fadeOut().
JavaScript is hooftletter gevoelig, dus er is wel een verschil: fadeOut werkt en FadeOut niet

door **Thumbnail** op zo 07 maart 2010, 18:21

@foxofinfinety
weet ik, (van dat hoofdletter gevoelig)
maar ik dacht dat jQuery gewoon FadeOut(x){ fadeOut(x); } deed (dus bij andere hoofdletters, zelfde functie inschakelen)
niet dus :'(

Websiteforum.nl 2.0

[JQUERY] Mouseover afbeelding verdwijnt

[JQUERY] Mouseover afbeelding verdwijnt

Re: [JQUERY] Mouseover afbeelding verdwijnt

Re: [JQUERY] Mouseover afbeelding verdwijnt

Re: [JQUERY] Mouseover afbeelding verdwijnt

Re: [JQUERY] Mouseover afbeelding verdwijnt

Re: [JQUERY] Mouseover afbeelding verdwijnt

Re: [JQUERY] Mouseover afbeelding verdwijnt

Re: [JQUERY] Mouseover afbeelding verdwijnt

Re: [JQUERY] Mouseover afbeelding verdwijnt

Re: [JQUERY] Mouseover afbeelding verdwijnt

Wie is er online

Je bent niet ingelogd

Actueel