Fade sur image

  • Créateur du sujet Créateur du sujet lhooq
  • Date de début Date de début

lhooq

Membre actif
28 Mars 2003
108
2
58
www.ericsa.ch
Bonjour,

J'ai un petit problème.
Je veux appliquer un fade sur des images.
Le code est :
Bloc de code:
<style type="text/css" media="screen">
    
    /* BEGIN CSS */
    .fadeThis {
        position:relative;
        display:block;
        height: 337px;
        width: 280px;
        background:url(../../img/texner/pub_textile.jpg) 0 0 no-repeat;
    }
    .hover {
        position: absolute;
        top: 0px;
        left: 0;
        display: none;
        height: 337px;
        width: 280px;
        background:url(../../img/texner/pub_textileNB.jpg) 0 0px no-repeat;
    }
    /* END CSS */
</style>


<script type="text/javascript">
$(document).ready(function() {
    // find the div.fade elements and hook the hover event
    $('.fadeThis').hover(function() {
        // on hovering over find the element we want to fade *up*
        var fade = $('> .hover', this);

        // if the element is currently being animated (to fadeOut)...
        if (fade.is(':animated')) {
            // ...stop the current animation, and fade it to 1 from current position
            fade.stop().fadeTo(500, 1);
        } else {
            fade.fadeIn(500);
        }
    }, function () {
        var fade = $('> .hover', this);
        if (fade.is(':animated')) {
            fade.stop().fadeTo(500, 0);
        } else {
            fade.fadeOut(500);
        }
    });

    // get rid of the text
    $('.fadeThis > .hover').empty();
});
</script>
Le problème est que j'ai 3 images, comment faire pour déclarer les 2 autes images ?

J'ai le code suivant pour l'appele de la fonction

Bloc de code:
<a class="fadeThis" href="../textile/index.php" title="Textile"><span class="hover"><img src="../../img/texner/pub_textile.jpg" alt="Textile" /></span></a>
Merci d'avance pour vos réponses!

Eric
 
Salut,
tu devrais poster ton message sur la partie du forum au-dessus, "Développement Web"... ici, on ne parle que du dév d'applications avec Carbon/Cocoa etc. :)