Using Fancybox for select images

  • I am trying to integrate Fancybox into my site and its working except I am also running another js script on some images that I don’t want Fancybox to open but it does. I have tried playing with settings to no avail.

    I think it has to do with setting img class=”fancybox” which I have done but it still opens these other images which don’t have the class=”Fancybox”. There might have also been something about changing

    <script type=”text/javascript”>
    $(document).ready(function() {
    —————> $(“a”).fancybox(); <———-
    $(“a.embed”).fancybox({
    ‘hideOnContentClick’: false
    });

    });
    </script>

    to –> $(“a.yesopen”).fancybox();

    and adding a class=”yesopen” to my images. (or somthing along these lines. I would change this but I have no idea where to make that happen.

    Working great page: Design Services
    Not so great: Projects (Notice the other mousehover script)

    Thanks for any help! It’s greatly appreciated.
    John

Viewing 1 replies (of 1 total)
  • Thread Starter jwswordpress

    (@jwstimac)

    FYI.
    This is the <a ref.. where I want the Fancybox to work:
    [caption id="attachment_1315" align="alignright" width="310" caption="Example Plan Set"]<a class="fancybox" rel="group1" id="single_image" href="https://renewableassociates.com/wordpress/wp-content/uploads/2011/03/T.1-Title-Page.jpg"><img src="https://renewableassociates.com/wordpress/wp-content/uploads/2011/03/T.1-Title-Page-300x200.jpg" style="border:1px solid black; margin-bottom:15px;" alt="Title Page"/></a>[/caption]

    And this is the <a ref.. that I don’t want it to work but I do want the other one to work:
    <a href="https://renewableassociates.com/wordpress/wp-content/uploads/2011/03/Lemelson-Front.jpg" alt="Lemelson Vineyard Front" title="Lemelson Vineyard project from the south" rel="enlargeimage" rev="targetdiv:loadarea" onclick="return false"><img src="https://renewableassociates.com/wordpress/wp-content/uploads/2011/03/Lemelson-Front-TN.jpg" alt="" title="Lemelson Front" align="alignleft" style="padding-bottom:5px" size-thumbnail wp-image-413" /></a>

    Thanks again

Viewing 1 replies (of 1 total)
  • The topic ‘Using Fancybox for select images’ is closed to new replies.