1

私は何かを実行しようとしていますが、ライトボックスのようなものの中で大きな画像を表示していますが、高解像度は1200x1600以上としましょう. /Moveable inside the box 可能だと思いますが、そのような準備ができている Jquery プラグインはありますか? または、独自のカスタム ライトボックスを作成する場合、Div 内でドラッグ可能にする方法のヒントを教えてください。

4

2 に答える 2

2

小さなスクリプトでこれを行います。この投稿を読んでください。これを試すために小さなフィドルを作成しましたが、完全に機能します。カスタムライトボックスに簡単に含めることができます。以下は、わずかに変更された元のコードです

<script type='text/javascript' src="scripts/jquery-1.9.1.js"></script>
<script type="text/javascript" src="scripts/jquery-ui.js"></script>

<script type="text/javascript">

    $(document).ready(function() {

        $("img").draggable({ containment: [-500, -422, 0, 0], scroll: false });

    });

</script>

<style type="text/css">
    div {
        width:500px; 
        height:423px; 
        position:relative; 
        overflow:hidden;
    }
</style>

HTML は次のとおりです。

<div>
        <img src="http://megapack.ca/wp-content/uploads/2012/06/High-Resolution-Wallpapers-2.jpg" width="1000" height="845" alt="Map" />
</div>
于 2013-02-28T12:04:55.650 に答える
1

コメントで述べたように、JQ Zoomを試してみてください http://www.mind-projects.it/projects/jqzoom/

JQZoomがニーズに合わない場合は、さらにプラグインを確認することもできます

http://www.tripwiremagazine.com/2012/12/jquery-image-zoom.html

于 2013-02-28T11:46:45.880 に答える