Dag Mensen,

Ik zoek een gratis javascript dat enkel een image out fade, met mouseover.

Er bestaan 1000 scripts waar een fade-in in zit maar ik vind er geen met een fade out.

Ik heb geprobeerd om een bestaande script aan te passen (gradualfader) maar ben geen expert en had dus geen succes.

De bedoeling is simpel, wanneer men met zijn muis over de image gaat zet opacity op 0 (met een fade ofcourse).

Thanks

Dit kan oom met jQuery:

<script type="text/javascript">
$(document.body).hover(function () {
$("img.classnaam").fadeOut(3000);
});
</script>

De img.classnaam kan ook een div zijn.. De 3000 is 3 seconden.. Ook moet je even de jQuery library inladen met: <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

Origineel gepost door Freek G

Dit kan oom met jQuery:

<script type="text/javascript">
$(document.body).hover(function () {
$("img.classnaam").fadeOut(3000);
});
</script>

De img.classnaam kan ook een div zijn.. De 3000 is 3 seconden.. Ook moet je even de jQuery library inladen met: <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

Bedankt voor je reactie maar ik krijg het niet voor elkaar. Ik heb t volgende geprobeerd:

De image in class div "printcasesThumb" zou deze fade-out moeten krijgen dus hernaamd naar : $("img.printcasesThumb")

<div class="printcasesThumb"><img hier></div>

Ook heb ik geprobeerd: $("printcasesThumb") en een class aan de image zelf proberen mee te geven.

Beide had geen effect.. ook heb ik een hyperlink van gemaakt om te kijken of dat nut had (schot in het wild).

Wat doe ik precies fout?

Thanks!

Je moet de image een class meegeven van printcasesThumb ipv de div.. Je kunt ook gewoon $(".printcasesThumb") als je echt de div wilt.. img.classnaam is voor images met een class en .classnaam is voor alles met een class "classnaam"

Dag Freek,

Inmiddels heb ik een fade-out gekregen alleen niet on hover maar volgens mij on page load?

zie : http://rickleyten.com/1/print-cases.php

Enige idee?

heb $(document.body).hover(function () proberen aan te passe nnaar document.img haha maar helaas..

Ik zie op de url die je stuurde niet het code wat ik gegeven heb. Waar staan die?
Aanvullend bericht:
Ik zal het zo even testen maar dit kan het zijn:

<script type="text/javascript">
$("img.classnaam").hover(function () {
$(this).fadeOut(3000);
});
</script>