Showing only a picture when the mouse is over the Thumbnail

[bram]

Hi,

I like to have the same functionality with Highslide as the Booking.com website:
http://www.booking.com/city/fr/paris.en ... y=-1456928


So when you move your mouse over the thumbnail you will see the picture. But when you move out of the thumbnail the picture will desapear. Also it would be nice if the Picture will be placed next to the mouse pointer.

Have somebody any idea how you can make this with HighSlide JS?

Thks!

Bram

[RoadRash]

Hi Bram,
You can try the method in this reference page: onMouseOut but the image will close when the mouse goes outside the large image, not the thumb.
I think youÔÇÖll be better off using a tooltip function - f.ex http://www.walterzorn.com/tooltip/tooltip_e.htm

[bram]

Thank you for your tip!

Do you know how to use this WZ tooltip with some php code and Javascript:

I'm using the following code:

$propertyImages = $property->getPropertyImages();
foreach($propertyImages as $pi){
$url = $pi->getImage()->getUrl();

$thumbnail = $pi->getBigThumbnail()->getImgTag();
$thumbnail = '<a href="' .$url .'" onClick="return hs.expand(this)"
>' . $thumbnail . '</a>';
$thumbnails[] = $thumbnail;

[RoadRash]

I will guess you have to add the tooltipÔÇÖs onmouseover and onmouseout functions similar to how youÔÇÖve added the HighslideÔÇÖs onclick.