2012-07-21 11 views
5

Estoy tratando de agregar un zoom de jquery plugin dentro de una revista turn.js flipping effect. Los tengo a los dos trabajando por separado, pero no puedo obtener el efecto de zoom dentro de cada página de la revista como me gustaría. Parte del código está debajo. Todas las ideas son apreciadas, gracias.Integre el efecto de jQuery zoom con el cambio de revista 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

Si el plugin '' zoom' utiliza img 'elementos y el script' magazine' usa elemento 'background-image', hay una falta de coincidencia fundamental allí. –

Respuesta

1

en situaciones similares he usado con éxito anythingZoomer hace fácil de enfocar elementos HTML arbitrario, dado taht se necesita un poco de ajuste con el fin de satisfacer sus necesidades

Cuestiones relacionadas