Discussion :

[totofe49]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<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)

[Bovino]

En même temps :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#slideshow-widget ul").carouFredSel({...});

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

jQuery.fn.slideshowHover = function(options){...});

C'est sûr que ça coince

C'est comme à la maison : quand tu appelles ta femme par le mauvais prénom, ça crée des problèmes !

[totofe49]

Désolé je me suis trompé de code, car j'ai également un slideshow avec Caroufredsel.

Voici le code d'appel de ma fonction :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
		jQuery("#slideshow").slideshowHover({
		    divZoom : "imageLarge",
		    divThumb : "thumb"
		});

[totofe49]

Apeès un bon déjeuner on a les idées plus claires !!!

Voici mes erreurs :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
// oubli des .devant le nom des div
jQuery("#slideshow").slideshowHover({
		    divZoom : ".img-large",
		    divThumb : ".thumb"
		});

// la cible de l'image zoom : img-large et imageLarge
...
divZoom : ".img-large",
...