html5在移動中的Zoomer

我在圖像中工作，應放大和縮小像this。我使用了很多來自網絡的例子，如this example，我也使用元標記視口。但我沒有達到我需要的功能。我隱瞞了很多，但沒有找到任何想要的解決方案。有關這個問題的任何幫助。html5在移動中的Zoomer

那時我使用meta標籤，但是當我雙擊圖片時，圖片變小了，而不是來到原始位置。

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

，並從淨我使用一個CSS和縮放的JS文件，但他們也表現得像同

來源

2013-05-15 User42590

對於那個時候，我找到了解決這個問題是使用動畫功能，增加高度，寬度或單個高度或寬度來完成縮放。

這裏是我的代碼，將進出圖像放大的鼠標：

 <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'); 


    });

}）;

來源

2013-05-16 04:54:40 User42590

html5在移動中的Zoomer

回答

相關問題