2012-07-21 6 views
5

Ich versuche, eine jquery Zoom innerhalb einer turn.js-Magazin flipping effect hinzuzufügen. Ich habe sie beide getrennt arbeiten, aber ich kann den Zoom-Effekt nicht innerhalb jeder Magazinseite bekommen, wie ich es möchte. Ein Teil des Codes ist unten. Alle Ideen sind dankbar, danke.Integrieren Sie jQuery-Zoom-Effekt mit Magazin-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

Wenn das 'zoom' Plugin verwendet' img anpassen 'elements und das' magazine' Skript verwendet das Element 'background-image', da gibt es eine fundamentale Diskrepanz. –

Antwort

1

in ähnlichen Situationen angewandt i erfolgreich anythingZoomer macht es einfach beliebige HTML-Elemente zu vergrößern, ein bisschen Zwicken gegeben taht wird benötigt, um Ihre Bedürfnisse

Verwandte Themen