Thread: Hi! Help w/ rollover "tooltip" text

In my light box gallery - there is no room for my product descriptions. So I need to create a pop-up (or something) with the description appearing when you rollover the product.

I tried some script for some cool pop-up tool tips - but I couldn't get it to work in BV. At least, I don't think I have enough experience to make it work.

Any suggestions? I don't want to have to make a single web page for every single product.

I will be ever-so-appreciative for any help with this.

Lightbox is a tool that is also available outside of BV, but to re-configure the LBx script in BV appears to be too much to ask of you....SO....

You have a few options, each which are rather simple and will not make you feel as if you are compromising nor make your visitors feel as if they are dealing with a tool that is second rate. The easiest solution is to simply arrange your thumbnails as you probably already have done (hence the lightbox to provide the larger image -- which you need to have a label on, correct?), and to create a rollover action that produces both a larger image and a text label.
>> To do this is really very simple, and does not require you to compromise your layout: simply install a script that can handle this request. Not only can you specify the size of the larger image, have a good amount of text in your label, but this does not require a modal (the tinted "screen" over the web page under the picture you see in LightBox) nor does it require the visitor to link anywhere from the page at all.
Take a look at this example (mouseover the Link1 and Link 2 in the demo)
Even though the Demo is showing linked text, you should be using "linked thumbnail images" .... I hope you can understand that is only a minor swap in the attributes when using this script...


Another type of LightBox script can be found here (one that can be inserted onto your BV page rather than part of the unchangable foundation -- read in here you can modify the image tags via hand writing the text into the script manually), but I think the earlier mentioned one above would serve you best.

Be sure to carefully read everything in the instructions on how to install so you don't get all snagged up and thus frustrated .... should take you only about 20 minutes for you to install from start to finish!

I tried. I don't think I know enough about html and scripts to do this on my own. Here's what I did:

1. I edited the customizable portion of the "head" script code (created [0]-[10] for each of the images)
2. I added that entire code to the page html using the Blue Voda page html dialog box (placed code in the "head" section)
3. I created a thumbnail pic to use as a test
4. I entered #" onmouseover="doTooltip(event,0)" onmouseout="hideTip()" into the url field of the pic's attributes
5. I published the page to test it and it did not work
   

Can you see anything I missed or did wrong?

FYI:
This is the resulting html code for the test object I am trying to get this to work for:

<a href="#" onmouseover="doTooltip(event,0)" onmouseout="hideTip()""><img src="00000002.jpg" id="Image5" alt="" align="top" border="0" width="40" height="40"></a>

Your procedure seems correct, exept for the " at the end of the link. However, it should also work this way. Please provide a link to your test page. Also please note that the main images have to be uploaded on the server, in the same folder (public_html ? ) separately, or using BV's File Publòisher which will upload them when publishing.