Page 2 of 2 FirstFirst 12
Results 11 to 13 of 13

Thread: jQuery fancybox mess

  1. #11
    Join Date
    Oct 2006
    Location
    New York, NY, USA
    Posts
    262
    Thanks
    42
    Thanked 24 Times in 24 Posts

    Default

    I have jQuery FancyBox working at http://www.josephdenaro.com/heads/index.html and http://www.josephdenaro.com/comps/index.html sections (so far) also with simplistic onRollOver to change "holder" image. Curiously, the roll over works on MACS but only on Firefox PC and not on IE or Chrome PCs.

  2. #12
    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

    document.holder is either non-standard and/or not widely supported for id. Use the more established/standard document.getElementById('holder'):

    Code:
    <li><a class="fancybox-buttons" data-fancybox-group="button"  title="14-may-head01" href="../2014May500/14-may-head01.jpg"> <img src='14-may-head01.jpg' alt="14-may-head01" title="14-may-head01" onMouseOver="document.getElementById('holder').src='14-may-head01.jpg'"></a></li>
    
    <li><a class="fancybox-buttons" data-fancybox-group="button"  title="14-may-head03" href="../2014May500/14-may-head03.jpg"> <img src='14-may-head03.jpg' alt="14-may-head03" title="14-may-head03" onMouseOver="document.getElementById('holder').src='14-may-head03.jpg'"></a></li>
    
    <li><a class="fancybox-buttons" data-fancybox-group="button"  title="14-may-head05" href="../2014May500/14-may-head05.jpg"> <img src='14-may-head05.jpg' alt="14-may-head05" title="14-may-head05" onMouseOver="document.getElementById('holder').src='14-may-head05.jpg'"></a></li>
    
    <li><a class="fancybox-buttons" data-fancybox-group="button"  title="14-may-head06" href="../2014May500/14-may-head06.jpg"> <img src='14-may-head06.jpg' alt="14-may-head06" title="14-may-head06" onMouseOver="document.getElementById('holder').src='14-may-head06.jpg'"></a></li>
    - John
    ________________________

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

  3. The Following User Says Thank You to jscheuer1 For This Useful Post:

    auntnini (05-30-2014)

  4. #13
    Join Date
    Oct 2006
    Location
    New York, NY, USA
    Posts
    262
    Thanks
    42
    Thanked 24 Times in 24 Posts

    Default

    That is absolutely FABULOUS! Your fix has the rollovers working on all new/old MACs and PC's I could find to test on.

    I ignored the fact that my old RollOver pages were DTD transitional and the new ones are HTML5 DTD. Skimming several jQuery books, I was reminded that event handlers are all lower case now (onmounseover=) instead of the old "camel case" (onMouseOver=), but that was not enough. Then I entertained trying to figure out some jQuery ...like
    Code:
    $(document).ready (function() {$("#holder").mouseover (function() {$(this).attr("src", "__.jpg");}); 
    ...
    but I drowned in all that code.

    Thanks again so very much.

Similar Threads

  1. jquery image enlarge using fancybox
    By nileshpatil in forum JavaScript
    Replies: 1
    Last Post: 04-19-2014, 02:33 PM
  2. simplegallery.js to work with jquery.fancybox.js
    By bennylondon in forum JavaScript
    Replies: 0
    Last Post: 01-29-2009, 08:04 PM
  3. Over all mess
    By *Warrior* in forum CSS
    Replies: 5
    Last Post: 07-13-2008, 12:33 AM
  4. OK in IE6 - a mess in the rest...
    By N7AS in forum CSS
    Replies: 2
    Last Post: 12-24-2006, 11:47 PM
  5. Tables are a mess! Please advise!
    By atomic-blonde in forum HTML
    Replies: 13
    Last Post: 12-01-2005, 08:30 AM

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
  •