2012-07-21 22 views
5

我试图在turn.js杂志flipping effect内添加jquery缩放plugin。我已经将它们分开工作,但不能像我想要的那样在每个杂志页面中获得缩放效果。一些代码如下。所有的想法都很感激,谢谢。集成jQuery缩放效果和杂志翻转Javascript

 <!-- 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> 
+4

如果'zoom'插件使用'IMG '元素和'杂志'脚本使用元素'background-image',这里有一个基本的不匹配。 – 2012-07-22 18:32:02

回答

1
在类似情况下

我曾经成功地anythingZoomer 它使容易放大任意的HTML元素,赋予taht需要为了扭捏了一下,以满足您的需求