Show Image When Onmouseove The Link

[Michelle]

Hi Caspians, 

 

I'd like to have a report with a link in the HTML block. But when i mouse over the link, I'd like to view Image related to the Field. 

 

Is it possible?

 

Michelle 

[Michelle]

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

[Parma2015]

Hi! I tried this code to display a text, but it did not work. I have managed so a popup window appears, but it displays a whole lot of strange code. Should it work with text as well?

[JayMont]

How did you edit the code to display a text? Could you provide a screenshot as well?

[Parma2015]

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

 

[Kurumi]

Hi everyone! Just wanted to share a new solution for Viewing images or Touch Sliders if you have multiple images in your Details/Report Page. You may try using this jQuery lightbox of Swipebox:
http://brutaldesign.github.io/swipebox/
https://github.com/brutaldesign/swipebox

You can also use this to open video URL's from YouTube.