Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 1 of 1
  1. #1
    New Coder
    Join Date
    Jul 2008
    MD, USA
    Thanked 0 Times in 0 Posts

    Fancybox title attribute - want to disable hover only

    I installed a pop-up slideshow gallery using FancyBox (http://fancybox.net/example), which lets you add a caption under the pop-up image, using the title tag.

    The anchor tag looks like this (extra spaces for the sake of clarity.. I hope):

    <div class="show-item-container"> 
    <a href="../images/full-picture.jpg"
    title="<div class='show-caption-container'>
    <span class='show-text'>Client: Furniture 'R' Us</span>
    <span class='show-pipe'>|</span>
    <span class='show-text'>Industry: Stuff for your house</span>
    <span class='show-pagenumber'>Image 1 of 2</span></div>"
    rel="branding" class="show-container open" id="single-image">
    <span class="launch"><img src="../images/clear.gif" height="275" width="454" /></span> 
    <img src="../images/thumbnail.jpg" class="show-img" width="427" height="245" />
    Unfortunately, when you hover over the thumbnail, the title tag shows up with all the styled code in it, which looks pretty bad.

    Is there a way to disable the title hover, without disabling the actual styling itself?

    I found this link (stackoverflow) but I'm not even sure if that solution is the one I actually want (and either way, I can't get it to work). I tried another solution using JavaScript and successfully disabled the title hover, but it wiped out the styling along with it.

    Agh! This is driving me crazy!

    Thanks for any help!!!!

    [Edited to add: I tried replacing all mentions of ".title" or "title" in the jquery.fancybox-1.2.1.js file with a different attribute (and then in the HTML), but that did not work either.]
    Last edited by mssteph; 09-22-2009 at 07:57 PM.


Posting Permissions

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