Conflit de deux slider

**mz3bell** · 20/08/2013, 02h32

Bonjour, je suis un débutant en développement web, en ce moment je passe un stage dans une petite société, et j'ai pour but d’intégrer une maquette, qui ma été fourni. Mon problème, c'est que dans la maquette, il y en a 3 sliders, pour le moment j'ai intégrer que deux. Mais j'ai eu le problème suivant : voir la pièce jointe.

Ps: j'ai pas conçu les sliders, vu que je m'en connais pas en js.

Est que quelqu'un peut me dire, d’où viens le problème ? Merci ^^

**SpaceFrog** · 20/08/2013, 08h28

Sans voir ton code ?
Tu penses que nous sommes devins ?

**mz3bell** · 21/08/2013, 04h08

Bonjour, désoler j'ai pas su comment poster mon code, par ce que il ce compose de plusieurs fichiers.. Donc j'ai poster tout le dossier en RAR.

Merci pour votre compréhension ^^

**danielhagnoul** · 21/08/2013, 10h51

Un ID doit être unique !

Attention à votre code, ordre et méthode.

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
<head>
    <meta charset="UTF-8" />
	<title> Title </title>
	<link rel="stylesheet" type="text/css" href="style.css" />
	<script src="js/slider-1.1.js"></script>
	<script src="js/slider-1.2.js"></script>
	<script>
		function clearText(field){
			if (field.defaultValue == field.value) field.value = '';
			else if (field.value == '') field.value = field.defaultValue;
		}
 
		$(window).load(function() {
			$( "#slider1, #slider2" ).nivoSlider();
		});
	</script>
</head>

Code :

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

1
2
3
<div id="slider1" class="nivoSlider">
	<!-- votre code -->
</div>

Code :

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

1
2
3
<div id="slider2">
	<!-- votre code -->
</div>

**mz3bell** · 21/08/2013, 17h30

Super ! ca marche !
Merci infiniment Daniel :'DD

Conflit de deux slider

JavaScript

Discussions similaires

Partager

Partager