Question

I’m trying to open and close an image when hovering with fancybox.

The open part I’ve solved, what about close on mouseout? Or is there another plugin with this default functionality?

http://www.eyerideonline.com/ – the center image – how eyeride works?

Answer 1

To achieve the mouseout function simply add another function within hover. Though I searched through the Fancybox plug-in and couldn’t find an element to target for the mouseout function. So you may have to add an extra element that is wrapped around the image to target for mouseout.

jQuery(document).ready(function($) {
  $("a").fancybox().hover(function() {
    $(this).click();
  }, function() {
    $(*replace with element*).click();
  });
});