Bonjour,
J'ai un petit problème.
Je veux appliquer un fade sur des images.
Le code est :
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
Merci d'avance pour vos réponses!
Eric
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>
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>
Eric