Discussion :

[alex60150]

Bonjour,

Je suis actuellement sur la construction d'un site.J'ai créer un slide horizontal de 5 background via une fonction javascript.
De plus, sur le background j'ai un menu de cinq logos(qui sont en fait des images et en position absolute).Je voudrais créer un lien sur chaque logo afin d'avoir le background correspondant au logo qui s'affiche une fois avoir cliqué sur le logo du menu.
je débute en javascript et là je suis complètement bloqué.Pouvez vous me donner un conseil svp.
Je vous donne ma fonction javascript pour le slide horizontal des background

Fonction : Javascript

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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
var timer = new Object;
 
function slider(){
       nextSlide();
       timer = window.setTimeout(slider,5000);
}
 
function nextSlide(){
       var $Slides = $("#slides");
       $("#nextSlide").unbind("click",nextSlide);
       $Slides.animate(
               {marginLeft:"-=1600px"},
               500,
               function(){
                               $Slides.data("currentSlide",$Slides.data("currentSlide")+1);
                               if($Slides.data("currentSlide") > $Slides.data("nbSlides")){
                                       $Slides
                                               .data("currentSlide",1)
                                               .css({marginLeft:"-1600px"});
                               }
                               window.clearTimeout(timer);
                               timer = window.setTimeout(slider,5000);
                               $("#nextSlide").bind("click",nextSlide);
                       }
       );
}
 
function prevSlide(){
       var $Slides = $("#slides");
       $("#prevSlide").unbind("click",prevSlide);
       $Slides.animate(
               {marginLeft:"+=1600px"},
               500,
               function(){
                               $Slides.data("currentSlide",$Slides.data("currentSlide")-1);
                               if($Slides.data("currentSlide") == 0){
                                       $Slides
                                               .data("currentSlide",$Slides.data("nbSlides"))
                                               .css({marginLeft:-(1600*$Slides.data("currentSlide"))});
                               }
                               window.clearTimeout(timer);
                               timer = window.setTimeout(slider,5000);
                               $("#prevSlide").bind("click",prevSlide);
                       }
       );
}
 
 
$(function(){
       var $Slides = $("#slides");
       var _step = $Slides.find("li:first").width();
       $Slides
               .data("currentSlide",1)
               .data("nbSlides",$Slides.find("li").size());
       $Slides
               .find("li:last")
                       .clone()
                       .prependTo("#slides");
 
       $Slides
               .find("li:first")
                       .next()
                       .clone()
                       .appendTo("#slides");
 
       $Slides
               .find("li:first")
                       .addClass("clone")
               .end()
               .find("li:last")
                       .addClass("clone")
               .end()
               .css({marginLeft:-_step});
 
       $Slides.width($Slides.find("li").size()*_step);
 
       $("#nextSlide").bind("click",nextSlide);
       $("#prevSlide").bind("click",prevSlide);
 
       timer = window.setTimeout(slider,5000);

[vermine]

Bonjour,

Vous utilisez jQuery ? Mootools ? Un autre framework ? Vous pouvez le savoir via les "includes" dans le HTML :

Code :

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

<script type="text/javascript" src="..."></script>

[alex60150]

j'utilise jquery

[danielhagnoul]

Bonsoir

Sans la totalité des codes (HTML-CSS-JS-jQuery) ou mieux (à cause des images) un lien vers votre page de test, il est très difficile de comprendre votre extrait de code et votre besoin.