CodingForums.com

CodingForums.com (http://www.codingforums.com/index.php)
-   JavaScript frameworks (http://www.codingforums.com/forumdisplay.php?f=62)
-   -   Fancybox title attribute - want to disable hover only (http://www.codingforums.com/showthread.php?t=177677)

mssteph 09-22-2009 06:53 PM

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):

Code:

<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" />

</a>

</div>

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.]


All times are GMT +1. The time now is 06:07 AM.

Powered by vBulletin®
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.