2012-07-21 23 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需要爲了扭捏了一下,以滿足您的需求