Hi,
I am testing out the Image mouse over tooltip text box.
Attached is the screenshot of the codes.
But it is not working. The mouse went over the image, but the text box did not appear.
Is there something wrong with the code ?
Or is there anything i need to set up before this ?
![](https://static.wixstatic.com/media/a27d24_afd58658a5544478950e9c7416adc5a4~mv2.jpg/v1/fill/w_147,h_83,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/a27d24_afd58658a5544478950e9c7416adc5a4~mv2.jpg)
Hi Andreas,
Thanks for reply.
Will go try. And hopefully it will work. : )
Try this
export function image4_mouseIn(event) { //Add your code for this event here: $w("#image4").show(); $w("#text21").show(); } export function image4_mouseOut(event) { //Add your code for this event here: $w("#image4").hide(); $w("#text12").hide(); }
The property value sent in to the show or hide methods are animations and could be "FadeIn" and "FadeOut" and more like that. Try the above.
Hi Andreas,
Thanks for your advise.
My code is actually this. As per Wix tutorial in another video.
Which still is not working.
------
// For full API documentation, including code examples, visit http://wix.to/94BuAAs
$w.onReady(function () {
//TODO: write your page related code here...
});
export function image4_mouseIn(event) {
//Add your code for this event here:
$w("#image4").show(image4_mouseIn(event));
$w("#text21").show(image4_mouseIn(event));
}
export function image4_mouseOut(event) {
//Add your code for this event here:
$w("#image4").hide(image4_mouseOut(event));
$w("#text12").hide(image4_mouseOut(event));
}
--------------------------
Hey
Look at the samples in the docs here.
export function redHotspot_onMouseIn(event) { red.show(); captions.show(2); } export function redHotspot_onMouseOut(event) { hideAll(); }
https://www.wix.com/code/home/example/Callout-and-Highlight
There you will see what you are doing wrong. I can't see your code. Try to paste in code as text the next time and mark it and select {} as code.