2

https://github.com/timmywil/jquery.panzoomカラーボックス内のこのサイトから抽出したjquery panzoomを使用しました。ズーム オプションは、カラー ボックス内では機能しません。ポップアップの外側に配置すると、正常に動作します。これを修正する方法は？

内部スクリプト:

<script>
      $("#panzoom").panzoom({
        $zoomIn: $(".zoom-in"),
        $zoomOut: $(".zoom-out"),
        $zoomRange: $(".zoom-range"),
        $reset: $(".reset")
      });
    </script>

HTML:

<section>
        <div id="panzoom" style="text-align: center">
        <img src="http://blog.millermedeiros.com/wp-content/uploads/2010/04/awesome_tiger.svg" width="300" height="300">
      </div>
    </section>
      <button class="zoom-in">Zoom In</button>
      <button class="zoom-out">Zoom Out</button>
      <input type="range" class="zoom-range">
      <button class="reset">Reset</button>
4

1 に答える 1

0

これを試して

$('selector').colorbox(inline:true,onComplete:function(){
$("#panzoom").panzoom({
        $zoomIn: $(".zoom-in"),
        $zoomOut: $(".zoom-out"),
        $zoomRange: $(".zoom-range"),
        $reset: $(".reset")
      });

}
});
于 2013-08-02T05:47:27.610 に答える