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()
{
popup.close();
}
</script>

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:

 

http://howto.caspio.com/tech-tips-and-articles/advanced-customizations/create-a-lightbox-view-for-images/

 

 

Aurora

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 :-)

 

Prosjektweb.JPG

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.

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

Loading...
 Share

×
×
  • Create New...