私には親がい<div>
ます。その中にテキストと画像を配置します。ここで、その親の特定の部分にズームする必要があり<div>
ます。出来ますか?
質問する
108191 次
4 に答える
34
その画像をマウスホバーでズームしたい場合:
$(document).ready( function() {
$('#div img').hover(
function() {
$(this).animate({ 'zoom': 1.2 }, 400);
},
function() {
$(this).animate({ 'zoom': 1 }, 400);
});
});
または、ズームインおよびズームアウトボタンが使用されている場合は、次のようにすることができます。
$("#ZoomIn").click(ZoomIn());
$("#ZoomOut").click(ZoomOut());
function ZoomIn (event) {
$("#div img").width(
$("#div img").width() * 1.2
);
$("#div img").height(
$("#div img").height() * 1.2
);
},
function ZoomOut (event) {
$("#div img").width(
$("#imgDtls").width() * 0.5
);
$("#div img").height(
$("#div img").height() * 0.5
);
}
于 2012-12-18T11:03:35.657 に答える
12
@Gadde - あなたの答えはとても役に立ちました。ありがとうございました!div に「マップ」のようなズームが必要で、あなたの投稿で必要な感覚を生み出すことができました。私の基準には、クリックを繰り返す必要があり、クリックするたびにズームアウト/ズームインし続ける必要がありました。以下は私の最終結果です。
var currentZoom = 1.0;
$(document).ready(function () {
$('#btn_ZoomIn').click(
function () {
$('#divName').animate({ 'zoom': currentZoom += .1 }, 'slow');
})
$('#btn_ZoomOut').click(
function () {
$('#divName').animate({ 'zoom': currentZoom -= .1 }, 'slow');
})
$('#btn_ZoomReset').click(
function () {
currentZoom = 1.0
$('#divName').animate({ 'zoom': 1 }, 'slow');
})
});
于 2013-11-16T22:53:06.473 に答える
5
$('image').animate({ 'zoom': 1}, 400);
于 2012-12-18T11:07:52.337 に答える
0
zoom-master/jquery.zoom.js を使用しました。画像のズームは完璧に機能しました。ここにページへのリンクがあります。 http://www.jacklmoore.com/zoom/
<script>
$(document).ready(function(){
$('#ex1').zoom();
});
</script>
于 2016-05-02T03:35:29.393 に答える