Jump to content

Show Image When Onmouseove The Link

Recommended Posts

Hi Michelle, 


This can be done with using javascript. 


1) You should add HTML block with a link name and paste the following code: 

<a href="[@field:Picture/]" onmouseout="closewindow()" onmouseover="openwindow()">LINK NAME</a>

2) Insert the code into the Footer: 

<script language="Javascript">
var popup;
function openwindow()
popup = window.open("[@field:Picture/]","mywindow", "menubar=1,resizable=1,width=500,height=500");
function closewindow()

This is a work around. It opens an image in a Pop Up window. 


There is also a solution on Casipo's HOW_TO that allows to open images in the lightbox:






Link to comment
Share on other sites

  • 2 months later...

Hi! I did a google search and found that this code was working fine:

<a href=" " title="[@field:Comment]">Tekst</a>

I have a field with Comment (Field name = "Comment", and the link is named "Tekst".

When I hover over "Tekst", a pop-up window shows the content of the field "Comment"

No need for any Javascript here :-)



Link to comment
Share on other sites

  • 5 years later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...