Ce que j'aimerai faire c'est que quand l'on clique sur une photo de la div vignette et bien elle s'affiche sur la div film.
mais je ne suis pas très doué en javascript et jquery.

Pouvez-vous m'aider s'il vous plais.

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
<body>
		<div class="masque">
		  <div id="film">
		  <img src="photos/Fotolia_407134.jpg" width="500" height="333" alt=""/>
		  <img src="photos/Fotolia_407115.jpg" width="500" height="333" alt=""/>
		  <img src="photos/Fotolia_407055.jpg" width="500" height="333" alt=""/>
		  <img src="photos/Fotolia_399778.jpg" width="500" height="333" alt=""/>
		  <img src="photos/Fotolia_383893.jpg" width="500" height="333" alt=""/>
		  <img src="photos/Fotolia_369643.jpg" width="500" height="375" alt=""/>
		  <img src="photos/Fotolia_365417.jpg" width="500" height="375" alt=""/>
		  <img src="photos/Fotolia_350312.jpg" width="500" height="333" alt=""/>
		  <img src="photos/Fotolia_345027.jpg" width="500" height="333" alt=""/>
		  <img src="photos/Fotolia_342485.jpg" width="500" height="333" alt=""/>
		  </div>
		</div>
		<div id="clear"></div>
		<button id="prev">Précédant</button>
		<div id="vignette">
			<img src="photoPerm/Fotolia_1.jpg" width="30px" height="30px"/>
			<img src="photoPerm/Fotolia_2.jpg" width="30px" height="30px"/>
			<img src="photoPerm/Fotolia_3.jpg" width="30px" height="30px"/>
			<img src="photoPerm/Fotolia_4.jpg" width="30px" height="30px"/>
			<img src="photoPerm/Fotolia_5.jpg" width="30px" height="30px"/>
			<img src="photoPerm/Fotolia_6.jpg" width="30px" height="30px"/>
			<img src="photoPerm/Fotolia_7.jpg" width="30px" height="30px"/>
			<img src="photoPerm/Fotolia_8.jpg" width="30px" height="30px"/>
			<img src="photoPerm/Fotolia_9.jpg" width="30px" height="30px"/>
			<img src="photoPerm/Fotolia_10.jpg" width="30px" height="30px"/>
		</div>
		<button id="next">Suivant</button>
	</body>
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
<style>
			*{
				margin: 0px;
				padding: 0px;
			}
			#prev{
				float: left;
				margin-left: 5px;
				margin-right: 5px;
			}
			#next{
				float: left;
				margin-left: 5px;
				margin-right: 5px;
			}
			div{
				float: left;
			}
			#clear{
				clear: both;
			}
			.masque{
				width: 500px;
				height: 300px;
				position: relative;
				overflow: hidden
			}
			#film{
				position: absolute;
				top: 0px;
				left: 0px;
			}
			#film img{
				float: left;
			}
		</style>
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
$("#vignette img").click(function(){
 
					$(this).attr("src","photos/" + Fotolia_407134.jpg);
					$(this).attr("src","photoPerm/" + Fotolia_1.jpg);
 
				});//fin du permutation d'image