我正在使用jQuery图像缩放动态图像文件。
我有两个文件
如default.php
<head>
<script src='/../../../../js/jquery-1.8.2.min.js'></script>
<script src='/../../../../js/jquery.elevatezoom.js'></script>
</head>
echo '<a href="javascript:void(0);" onclick="smallImgList(\''.implode('---',$smallImg[$key]).'\', \''.implode('---',$mediumImg[$key]).'\')" onmouseover="change(\''.$result1[$key].'\')"><img src="'.$a.'" height="40px" width="40px" id="'.$key.'" /></a>';
<script>
function change(s)
{
$('.main-image img').attr('src', s);
$('.main-image img').attr('data-zoom-image', a);
$('.main-image img').attr('style','width:200px; height:200px;');
$('.main-image img').attr('class','demo');
}
</script>
<script>
$(".demo").elevateZoom();
</script>
default_images.php
<div class="main-image">
<img class="demo" src='http://ecx.images-amazon.com/images/I/51kCAZT4LML._SX38_SY50_CR,0,0,38,50_.jpg' style="width:200px; height:200px;"/>
</idv>
它可以正常使用静态图像,但是当我将其设置为动态时,就像上面显示的代码一样,缩放功能正常工作,但它只能缩放一个默认图像,
我在控制台上查看时,data-zoom-image
属性有动态网址。
但缩放默认图像。
这是链接。点击here。
我无法解决任何问题。如果您有任何想法,请帮助我。
感谢。
答案 0 :(得分:1)
您的功能&#34;更改&#34;有参数&#34; s&#34;但没有参数&#34; a&#34;,在+-----------------+--------------+---------+
| FirstName | SecondName | Count |
+-----------------+--------------+---------+
| Bob | Smith | 2 |
| John | Jones | 2 |
+-----------------+--------------+---------+
中使用。再次检查并尝试发送/更新此值。您似乎正在覆盖数据缩放图像数据。