Results 1 to 3 of 3

Thread: Cross Browser Issues using jQuery Image Magnify with Text and Image Crawler

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

    Default Cross Browser Issues using jQuery Image Magnify with Text and Image Crawler

    I am using both the Text and Image Crawler (http://www.dynamicdrive.com/dynamici...wler/index.htm) and the jQuery Image Magnify (http://www.dynamicdrive.com/dynamici...agemagnify.htm) scripts on my home page at http://www.bvgasa.org/. They both work great.

    I now am trying to use both on the Image Crawler marquee in the header, to enable magnifying any of the pics on the crawler. I added class=”magnify” to the <img> tag for the photos in the crawler and it works when using IE9 and Chrome. For IE7 & IE8 I get the magnifying glass but the alt attribute comes up and the pic does not blow up. Not sure how this responds with other Browsers.

    So it seems I have compatibility issues here. Any suggestions on script modifications I can use to overcome this?

    I also use some other scripts of yours. They have really enhanced my web site. The viewer feedback has been terrific and it’s thanks mostly to your work. Thanks very much.

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,070
    Thanks
    44
    Thanked 3,216 Times in 3,178 Posts
    Blog Entries
    12

    Default

    The problem arises because Crawler duplicates the image train in order to be continuous. So sometimes it's not ready (half of it) even in those browsers where it is working, like if the images aren't already cached. In IE less than 8, since the crawler is in a table, due to limitations of those browsers, crawler must wait until the window onload event to initialize. This is too late for Image magnify to do its work.

    I tried this out in a local mock up of the page and it worked -

    First, update to jQuery version 1.6.4 by changing this:

    Code:
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    to:

    Code:
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
    Use this unofficial update of the jquery.magnifier.js script:

    Attachment 4214

    The browser cache may need to be cleared and/or the page refreshed to see changes.
    - John
    ________________________

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

  3. #3
    Join Date
    Oct 2011
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Thumbs up

    Thanks very much for your time and efforts John. That took care of it.

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
  •