私はjqueryとアニメーション機能を使用してdivにズームボタンを実行しています.chromeは正常に動作しますが、ie8では50%まで動作します.元のサイズで、もう一度クリックしてズームを再度行います。
私のdivガイドには他のdivが含まれているので、基本的に私がしなければならないことは、pdfズームのようなズームです。つまり、adobeリーダーがpdfにズームします。
ボタンの aspx コードは次のとおりです。
<asp:ImageButton ID="ImageButton2" ImageUrl="~/Images/zoom_in.png" OnClientClick="zoom(1); return false;" runat="server" Height="28" />
<asp:ImageButton ID="ImageButton3" ImageUrl="~/Images/zoom_out.png" OnClientClick="zoom(2); return false;" runat="server" Height="28" />
<asp:ImageButton ID="ImageButton4" ImageUrl="~/Images/zoom_reset.png" OnClientClick="zoom(0); return false;" runat="server" Height="28" />
これはjqueryコードです:
function zoom(type) {
_targetsize = (type == 1) ? _targetsize * 1.2 : (type == 2) ? _targetsize * 0.8 : 1;
$("#divGuide").animate({ zoom: _targetsize });
}
ありがとう。