Integrate jQuery Scaling Effect with Javascript Log Translation

I am trying to add a jquery zoom plugin in the turn.js log flipping effect . I have both of them working separately, but they cannot get the scaling effect on each page of the magazine as I would like. Below is the code. Thanks to everyone.

        <!-- 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>
+5
source share
1 answer

in such situations, I have successfully used anythingZoomer, it allows you to easily scale arbitrary html elements, given that you need a little tweaking to suit your needs.

+1
source

All Articles