salut j'ai exemple de image qui se defile par un bouton voici exemple j'ai intégrer cet effet de zoom avec jquery

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
 <!-- menu !-->
     <div class="item">
	<a href="#"><img src="images/moncv.jpg" alt="Cycliner" title="" width="105" height="105"/></a>
  <div class="caption">
		<a href="">Mon cv</a>
		<p>Mon cv est est au format doc, téléchargeable.</p>
  </div>
  <script>
 
$(document).ready(function() {
 
	//move the image in pixel
	var move1 = -15;
 
	//zoom percentage, 1.2 =120%
	var zoom = 1.2;
 
	//On mouse over those thumbnail
	$('.item').hover(function() {
 
		//Set the width and height according to the zoom percentage
		width = $('.item').width() * zoom;
		height = $('.item').height() * zoom;
 
		//Move and zoom the image
		$(this).find('img').stop(false,true).animate({'width':width, 'height':height, 'top':move1, 'left':move1}, {duration:200});
 
		//Display the caption
		$(this).find('div.caption').stop(false,true).fadeIn(200);
	},
	function() {
		//Reset the image
		$(this).find('img').stop(false,true).animate({'width':$('.item').width(), 'height':$('.item').height(), 'top':'0', 'left':'0'}, {duration:100});	
 
		//Hide the caption
		$(this).find('div.caption').stop(false,true).fadeOut(200);
	});
 
});
 
</script>
</div>
     <!-- fin menu !-->
le probleme c'est avant de clique sur bouton defilement l'effet zoom marche bien , apres clique l'effet ne marche plus, es ce qu'il y a un conflit ou autre chose