在php中使用jquery动态图像缩放

时间:2014-01-07 18:38:50

标签: php jquery

我正在使用jQuery图像缩放动态图像文件。

我有两个文件

  1. 如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>
    
  2. 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>
    
  3. 它可以正常使用静态图像,但是当我将其设置为动态时,就像上面显示的代码一样,缩放功能正常工作,但它只能缩放一个默认图像,

    我在控制台上查看时,data-zoom-image属性有动态网址。 但缩放默认图像。

    这是链接。点击here

    我无法解决任何问题。如果您有任何想法,请帮助我。

    感谢。

1 个答案:

答案 0 :(得分:1)

您的功能&#34;更改&#34;有参数&#34; s&#34;但没有参数&#34; a&#34;,在+-----------------+--------------+---------+ | FirstName | SecondName | Count | +-----------------+--------------+---------+ | Bob | Smith | 2 | | John | Jones | 2 | +-----------------+--------------+---------+ 中使用。再次检查并尝试发送/更新此值。您似乎正在覆盖数据缩放图像数据。