Question

我正在处理图像，这些图像应放大并缩小触摸，如this。我使用了很多像this example那样的网络示例，我也使用了元标记视口。但我没有实现我所需要的功能。我发现很多，但没有找到任何理想的解决方案。关于这个问题的任何帮助。

当时我正在使用元标记但是当我双重触摸图像时，图像变小并且没有进入原始位置。

    <meta name="viewport" 
            content="width=device-width, initial-scale=1.0,  maximum-scale=5.0, minimum-scale=0.25;, user-scalable=yes">

从net我使用一个缩放的css和js文件，但它们的行为也相同

Answer 1

那时我找到了解决这个问题的方法，即使用动画功能并增加高度，宽度或单独的高度或宽度来完成缩放。

这是我的代码，可以在鼠标上放大和缩小图像：

     <h1>Image to Zoom In and Zoom Out</h1>

     <br />

      <img src="http://1.bp.blogspot.com/-XSHj67HnEzU/TviX8Jqe-hI/AAAAAAAABRQ        /Io5Ob6bYWq0/s1600
      /ShadowEffect.jpg" alt="image zoom in and out" title="image zoom with  jquery" id="image1">
     </img>

和js：

（文档）$。就绪（函数（）{

   $('#image1').width(200);

   $('#image1').mouseover(function()

   {

      $(this).css("cursor","pointer");

      $(this).animate({width: "300px"}, 'slow');

   });


$('#image1').mouseout(function()

  {   

      $(this).animate({width: "200px"}, 'slow');


   });

}）;

移动版html5中的Zoomer

1 个答案: