Results 1 to 2 of 2

Thread: jQuery Image Magnify v1.11

  1. #1
    Join Date
    Jul 2011
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default jQuery Image Magnify v1.11

    I want to magnify other image than the source image for example in code
    <img src="ocean.gif" class="magnify" style="width:200px; height:150px" />
    i want that the showed image will be ocean.gif but then clicking on the image it will magnify me other image for example ocean1.gif, how I can do it?
    the original script link is
    http://www.dynamicdrive.com/dynamici...agemagnify.htm
    Last edited by jscheuer1; 07-24-2011 at 02:37 AM. Reason: fix broken link

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Code:
    <div style="position:relative;">
    <a href="#" rel="magnify[ocean]">
    <img src="ocean.gif" style="cursor: url('magnify.cur'), -moz-zoom-in; width: 200px; height: 150px; border-width: 0" /></a>
    <img id="ocean" style="visibility: hidden; position: absolute; top: 0; left: 0;" src="ocean1.gif" class="magnify" width=200 height=150 />
    </div>
    If you want more help:

    Please post a link to a page on your site that contains the problematic code so we can check it out.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •