Fancybox v2.1.3

Question

Hi to all fancybox lovers. How do i insert helpers here:

     $(document).mouseleave(function() {
         $.fancybox("#feedback_form");
     });

I 've got stuck there.

score 2 · Accepted Answer · answered Nov 25 '12 at 18:06

(I guess) you can do:

     $(document).mouseleave(function() {
         var options = {
           openEffect: 'elastic',
           helpers: {
             title: {
               type: 'inside'
             }
           }
         };
         $.fancybox("#feedback_form", options);
     });

Tys · Answer 2 · 2012-11-25T17:08:30.737

0

The question is not really clear, but my guess is that you are looking for something like this?

 $(document).mouseleave(function() {
         $("#feedback_form").show(); // this will remove the 'display:none'
         $("#feedback_form").fancybox();
 });

edited Nov 25 '12 at 17:08

answered Nov 25 '12 at 16:49

Tys

3,592
9
49
71

Ok you are right html is:

the form here

that you wrote does not make the form to appear. – Marios Fakiolas Nov 25 '12 at 16:52
Your div has display set to none. So you'd have to switch that as well. See my updated code. – Tys Nov 25 '12 at 17:07
Unfortunately this brought to life only "the form here" words with no fancybox effect. – Marios Fakiolas Nov 25 '12 at 17:12
Then there is something wrong with your fancybox setup. Check if the script and the css is loaded correctly. – Tys Nov 25 '12 at 17:21
Thank you but it seems everything is in place. – Marios Fakiolas Nov 25 '12 at 17:51
1

Perhaps this link will help: http://stackoverflow.com/questions/2613025/jquery-fancybox-target-specific-div-id – Tys Nov 25 '12 at 19:44
Could you please check this http://stackoverflow.com/questions/13553308/fancybox-v2-1-3-ajax-load-form/13554178#13554178 ? – Marios Fakiolas Nov 25 '12 at 20:10

Fancybox v2.1.3

2 Answers2