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

我正在尝试在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>

$（文档）.ready（函数（）
{
$（'#ex1'）.zoom（）；
});

在类似的情况下，我成功地使用了

---

如果

zoom

插件使用

img

元素，而

杂志

脚本使用元素

背景图像

，则根本不匹配。