Voilà
J'ai une fiche produit avec:
-1 grande image
- en dessous 5 miniature.

Quand je click sur la miniature ca change la grande image (par le javascript:changeImgProduit())
quand je click sur la grande image ca m'ouvre un lightbox
Nikel sous FF mais sous Ie j'ai des erreurs. la grande image change bien mais quand je click dessus ca m'ouvre toujours la même:
voici mon code
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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
    <!-- jQuery lightBox plugin -->
    <script type="text/javascript" src="jq/js/jquery.js"></script>
    <script type="text/javascript" src="jq/js/jquery.lightbox-0.5.js"></script>
    <script type="text/javascript">
    $(function() {
        $('a.light').lightBox();
    });
    </script>
    <!-- jQuery lightBox plugin -->
</head>
<body marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0">
[..]
<table border="0" bordercolor="#BBB00" width="100%" cellspacing="0" cellpadding="0" align="center" valign="top">
  <tr  valign="middle">
      <td width="330"  height="100%">
	<Table  border="0" height="100%"  bgcolor="#000000" width="330" height="385" cellspacing="0" cellpadding="0" align="center" valign="top">
<?php
				$img = $product_info['products_image'] ;
				$img1 = $product_info['products_subimage1'];
				$img2 = $product_info['products_subimage2'];
				$img3 = $product_info['products_subimage3'];
				$img4 = $product_info['products_subimage4'];
				$img5 = $product_info['products_subimage5'];
				$img6 = $product_info['products_subimage6'];
				?>
		
		<TR valign="middle" height="270">
			<TD align="left">
				
				<?php
				echo "<a name='grand' title='$products_alt' href='images/product/$img' class='light' id='lien'>";
    <!-- class='light' pour activer la lightbox-->
    <!-- id='lien' qui sera modifier par la fonction changeLien()-->

				
				echo "<img src='images/product/$img' id='big' alt='$products_altorigin' title='$products_altorigin' style='border:1px solid black' width='310'></a>";
    <!-- id='big' pour être podifier par la fonction changeImgProduit-->
				?>
			</td>
		</tr>
<tr height="65">
			<td>
				<a href="javascript:changeImgProduit('images/product/<?php echo $img ?> ','1');">
				<?php echo tep_image(DIR_WS_IMAGES . 'product/' . $img, $products_alt .' 1 '.TEXT_ORIGIN, '60','60');?></a>
				
				
				<?php if ( $img1 <> ""):?>
				<a href="javascript:changeImgProduit('images/product/<?php echo $img1 ?> ','2');">
				<?php echo tep_image(DIR_WS_IMAGES . 'product/' . $img1, $products_alt .' 2 '.TEXT_ORIGIN, '60','60');?></a>
				<?php endif ?>
				<?php if ( $img2 <> ""):?>
				<a href="javascript:changeImgProduit('images/product/<?php echo $img2 ?> ','3');">
				<?php echo tep_image(DIR_WS_IMAGES . 'product/' . $img2, $products_alt .' 3 '.TEXT_ORIGIN, '60','60');?></a>
				<?php endif ?>
				<?php if ( $img3 <> ""):?>
				<a href="javascript:changeImgProduit('images/product/<?php echo $img3 ?> ','4');">
				<?php echo tep_image(DIR_WS_IMAGES . 'product/' . $img3, $products_alt .' 4 '.TEXT_ORIGIN, '60','60');?></a>
				<?php endif ?>
				<?php if ( $img4 <> ""):?>
				<a href="javascript:changeImgProduit('images/product/<?php echo $img4 ?> ','5');">
				<?php echo tep_image(DIR_WS_IMAGES . 'product/' . $img4, $products_alt .' 5 '.TEXT_ORIGIN, '60','60');?></a>
				<?php endif ?>
				<?php if ( $img5 <> ""):?>
				<a href="javascript:changeImgProduit('images/product/<?php echo $img5 ?> ','6');">
				<?php echo tep_image(DIR_WS_IMAGES . 'product/' . $img5, $products_alt .' 6 '.TEXT_ORIGIN, '60','60');?></a>
				<?php endif ?>
				<?php if ( $img6 <> ""):?>
				<a href="javascript:changeImgProduit('images/product/<?php echo $img6 ?> ','7');">
				<?php echo tep_image(DIR_WS_IMAGES . 'product/' . $img6, $products_alt .' 7 '.TEXT_ORIGIN, '60','60');?></a>
				<?php endif ?>
				
				<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
				<!--
				function MM_preloadImages() { //v3.0
				
				var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
				
				var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
				
				if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} 
				}
				MM_preloadImages('images/<?php echo $img;?>', 'images/<?php echo $img1;?>', 'images/<?php echo $img2;?>','images/<?php echo $img3;?>','images/<?php echo $img4;?>','images/<?php echo $img5;?>','images/<?php echo $img6;?>');
				function changeImgProduit(srcimg,idimg){ 
				var img = document.getElementById('big');
				var legende_dest = document.getElementById('legende_ph_base');
				var legende_source = document.getElementById('legende_ph_th_'+idimg);
				img.src = srcimg;
				img.href = srcimg;
				changeLien(srcimg);
					if( legende_dest && legende_source){
				legende_dest.innerHTML = legende_source.innerHTML;
				}
				function changeLien(lienimg){ 
				var blien = document.getElementById('lien');
				var legende_lien_dest = document.getElementById('legende_ph_base');
				var legende_lien_source = document.getElementById('legende_ph_th_');
				blien.href = lienimg;
					if( legende_lien_dest && legende_lien_source){
				legende_lien_dest.innerHTML = legende_lien_source.innerHTML;
				}}
				
				}
				// -->
				</SCRIPT>