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]

Aucune réponse