Home/ Questions/Q 8506525
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T02:36:54+00:00

I’m trying to add a jquery zoom plugin within a turn.js magazine flipping effect

  • 0

I’m trying to add a jquery zoom plugin within a turn.js magazine flipping effect. I’ve got them both working separately, but can’t get the zoom effect within each magazine page like I’d want. Some of the code is below. All ideas are appreciated, thanks. 

        <!-- 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>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    in similar situations i used successfully anythingZoomer
    it makes easy to zoom arbitrary html elements, given taht a bit of tweaking is needed in order to suit your needs

    • 0