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> |
imbrication de javascript
Répondre avec citation
Partager