2012-07-21 13 views
5

Sto provando ad aggiungere uno zoom jquery plugin all'interno di una rivista turn.js flipping effect. Ho entrambi lavorato separatamente, ma non riesco a ottenere l'effetto zoom all'interno di ogni pagina di una rivista come vorrei. Alcuni dei codici sono sotto. Tutte le idee sono apprezzate, grazie.Integrare l'effetto zoom jQuery con la rivista-flipping 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

Se il plugin '' zoom' utilizza img 'Gli elementi e lo script' magazine' usano l'elemento 'background-image', c'è una discrepanza fondamentale in corso. –

risposta

1

in situazioni simili ho usato con successo anythingZoomer rende facile per ingrandire elementi HTML arbitrari, dato taht è necessaria un po 'di tweaking, al fine di soddisfare le vostre esigenze