Bonjour,
Je souhaite développer un petit plug in jQuery.
Au clic sur un div.thumb img on affiche l'image correspondante dans un autre div.img-large
Mon souci est que lorsque je clique sur div.thumb, il ne se passe rien.
Merci de votre aide
[code]
<div id="slideshow" class="slideshow-fixe">
<div class="nav">
<div class="thumb"><img src="imagesFront/images/img1.jpg" alt=""/></div>
<div class="thumb"><img src="imagesFront/images/img2.jpg" alt=""/></div>
<div class="thumb"><img src="imagesFront/images/img3.jpg" alt=""/></div>
<div class="thumb"><img src="imagesFront/images/img4.jpg" alt=""/></div>
</div>
<div class="img-large">
<img src="imagesFront/images/img1.jpg" alt=""/>
</div>
</div>
<script type="text/javascript">
jQuery(function(){
// Slideshow Caroufredsel
$("#slideshow-widget ul").carouFredSel({
auto : false,
circular: false,
prev : "#prev",
next : "#next"
});
});
</script>
// Code du plugin
(function($){
jQuery.fn.slideshowHover = function(options){
var thumb = options.divThumb;
var zoom = options.divZoom;
$(thumb +" img").css("cursor","pointer");
$(thumb + " img").click(function(){
$(zoom + " img").hide();
var src = $(this).attr("src");
$(zoom + " img").fadeIn().attr("src",src);
})
}
})(jQuery)
[/code]