Classic ASP VBScript - Hide Lightbox/Fancybox TITLE from HTML5 tooltip

Hello, all.

Not sure which "Topic" to use, but since the page is in ASP, I'll start there, and include a couple of other "Topics".

I have an art gallery (www.dksart.com/art2.asp)

I am using an art gallery template called "Final Tiles Gallery" that uses Magnific lightbox and there is also a little Fancybox on the page. (I know it's messy, but that's what I have to work with at the moment).

So, all is fine, except the TITLE (That I have to use for the lightbox to display my social icons at the bottom) displays in the HTML 5 tooltip.

I have tried to search online for how to remove/replace it, but I'm just not getting it to work.

Here is the snippet from my ASP repeat region, displaying the thumbs:
(I have the TITLE with a div for all my social icons to display at the bottom of the lightbox)

<% while not rsImages.EOF%>


                    <article class="tile ftg-<%=(rsImages.Fields.Item("imageCatClass").Value)%>">

                        <a target='_blank' class="tile-inner" href="<%=(rsImages.Fields.Item("imagePath").Value)%>" title="<div><a href='https://www.facebook.com/sharer/sharer.php?u=<%=siteurl%>'><img class='fancybox' src='images/fb-icon1.jpg''width='25' height='25' /></a><a href='http://twitter.com/intent/tweet?source=<%=twitterurl%>' ><img class='fancybox' src='images/twitter-icon.jpg''width='25' height='25' /></a><a href='http://www.tumblr.com/share/photo?source=<%=tumblrurl%>'><img class='fancybox' src='images/tumblr-icon.jpg''width='25' height='25' /></a><a href='http://www.reddit.com/submit?url=<%=redditurl%>'><img class='fancybox' src='images/reddit-icon.jpg''width='25' height='25' /></a><a href='https://plus.google.com/share?url=<%=googleurl%>'><img class='fancybox' src='images/google-plus-icon.png''width='25' height='25' /></a></div>">
                            <img class="item" src="<%=Replace((rsImages.Fields.Item("imagePath").Value),".","_thumb.")%>" />
                            
                        </a>

                    </article> 

<%
rsImages.MoveNext()
Wend
 %>

Open in new window

How can I get the TITLE to not pop up in the tooltip, or to hide it from the tooltip?

Thanks,
Shane

ASPJavaScriptHTML

Last Comment

lshane

8/22/2022 - Mon

Scott Fell

1/7/2014

<% while not rsImages.EOF%>


                    <article class="tile ftg-<%=(rsImages.Fields.Item("imageCatClass").Value)%>">

                        <a target='_blank' class="tile-inner" href="<%=(rsImages.Fields.Item("imagePath").Value)%>" title="This is my title">
                            <img class="item" src="<%=Replace((rsImages.Fields.Item("imagePath").Value),".","_thumb.")%>" />
                            
                        </a>

                    </article> 

<%
rsImages.MoveNext()
Wend
 %>

Open in new window

Just edit the title

lshane

1/7/2014

ASKER

Hi, padas.

Well, I probably didn't articulate clearly what I'm after...

I need the TITLE to have the DIV code in it, but... when hovering over the images, it displays all my DIV code - I don't want that - but I have to have the DIV code in order for my social icons to appear at the bottom of the enlarged image.

The lightbox needs the TITLE to display info below the image when it pops up.

My issue is that all the DIV code I am using inside the TITLE is being display in a tooltip when hovering over the thumbs (Which is, I guess, an HTML 5 thing), but I want that to be hidden from appearing in the tooltip.

Is that possible?

ASKER CERTIFIED SOLUTION

Scott Fell

1/7/2014

THIS SOLUTION ONLY AVAILABLE TO MEMBERS.

View this solution by signing up for a free trial.

Members can start a 7-Day free trial and enjoy unlimited access to the platform.

See Pricing Options

Start Free Trial

GET A PERSONALIZED SOLUTION

Ask your own question & get feedback from real experts

Find out why thousands trust the EE community with their toughest problems.

lshane