javascript - 将 jQuery 缩放效果与杂志翻转 Javascript 集成

Question

我正在尝试在 turn.js 杂志翻转效果中添加一个 jquery 缩放插件。我让它们都分开工作，但无法像我想要的那样在每个杂志页面内获得缩放效果。部分代码如下。感谢所有想法，谢谢。

        <!-- Zoom script -->
<script src='jquery.zoom.js'></script>
<script>
 $(document).ready(function()
{
 $('#ex1').zoom();
});
</script>

        <!-- Zoom html -->
 <span class='zoom' id='ex1'>
   <img src='pages/daisy.jpg' width='555' height='320' alt='Daisy on the Ohoopee'/>
 </span>


        <!-- Magazine html -->
 <div id="magazine"> 
   <div style="background-image:url(pages/01.jpg);">
 </div>
   <div style="background-image:url(pages/02.jpg);">
 </div>
   <div style="background-image:url(pages/03.jpg);">
 </div>

Answer 1

在类似的情况下，我成功使用了anyZoomer ，它可以轻松缩放任意html元素，因为需要进行一些调整才能满足您的需求