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

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