Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/452.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Fancybox:让它在mouseover/mouseout上工作_Javascript_Jquery_Fancybox - Fatal编程技术网

Javascript Fancybox:让它在mouseover/mouseout上工作

Javascript Fancybox:让它在mouseover/mouseout上工作,javascript,jquery,fancybox,Javascript,Jquery,Fancybox,目前,我使用以下方法使其工作了一半: jQuery("a.lightbox").fancybox().hover(function() { jQuery(this).click(); }, function() { jQuery("#fancybox-overlay").click(); }); 当我将鼠标悬停在缩略图上时,效果很好,但当我将鼠标悬停在背景上时,fancybox overlay不会禁用fancybox。。有什么想法吗 有意: function openF

目前,我使用以下方法使其工作了一半:

jQuery("a.lightbox").fancybox().hover(function() {
    jQuery(this).click();
  }, function() {
    jQuery("#fancybox-overlay").click();
  });
当我将鼠标悬停在缩略图上时,效果很好,但当我将鼠标悬停在背景上时,fancybox overlay不会禁用fancybox。。有什么想法吗

有意:

function openFancybox(){
 jQuery(this).trigger("click");
}
function closeFancybox(){
 jQuery.fancybox.close();
}

jQuery("a.lightbox").hoverIntent({
 sensitivity: 100,
 interval:250,
 timeout:0,
 over: openFancybox,
 out: closeFancybox 
}); // hoverIntent

jQuery("#fancybox-content img").hoverIntent({
 sensitivity: 10,
 interval:500,
 timeout:0,
// over: openFancybox,
 out: closeFancybox 
}); // hoverIntent

jQuery("a.lightbox").fancybox({
 'overlayShow' : false,
 'autoScale'   : true
}); // fancybox
使用以下代码段:

$("a.lightbox").mouseover(function(){
   $("a.lightbox:first").trigger("click");
});
对mouseout事件执行相同的操作=

使用此代码段:

$("a.lightbox").mouseover(function(){
   $("a.lightbox:first").trigger("click");
});
对mouseout事件执行相同的操作=

答案是:

HTML

答案是:

HTML



做一把小提琴:人们会帮忙的you@yckart我正在使用wordpress,所以不知道如何复制我拥有的内容,我正在使用这个主题:如果这有帮助的话,你能提供链接到你的页面吗?那将帮助我们更多!这个答案中有一个类似的问题,可能有助于解决您的问题。@JFK谢谢!我编辑了我的主要文章与我到目前为止。hoverIntent可以工作,但有时当fancybox弹出时,它会在鼠标下弹出,当鼠标不在弹出的图像上时,它不会消失,除非单击X。我试图通过编辑您的代码来修复它,但可能没有正确执行,而且我不确定是否应该使用fancybox内容或fancybox内容img,两者都不起作用,但我可能接近我需要的内容。。你能看一看并回答作为答案,这样我就可以把你的答案标记为有效的答案吗you@yckart我正在使用wordpress,所以不知道如何复制我拥有的内容,我正在使用这个主题:如果这有帮助的话,你能提供链接到你的页面吗?那将帮助我们更多!这个答案中有一个类似的问题,可能有助于解决您的问题。@JFK谢谢!我编辑了我的主要文章与我到目前为止。hoverIntent可以工作,但有时当fancybox弹出时,它会在鼠标下弹出,当鼠标不在弹出的图像上时,它不会消失,除非单击X。我试图通过编辑您的代码来修复它,但可能没有正确执行,而且我不确定是否应该使用fancybox内容或fancybox内容img,两者都不起作用,但我可能接近我需要的内容。。你能看一下并回答作为答案,这样我就可以将你的答案标记为有效的答案吗?它显示一个图像,但不适用于页面上的其他图像它显示一个图像,但是它不适用于页面上的其他图像。当鼠标停留在实际图像上时,有没有办法让弹出的图像保持不变?使用时的主要问题是。hover被称为Bubblinguing使用来自ickart的js,我得到以下错误:SyntaxError:非法字符};有没有帮助解决链接函数FancyBox、悬停调用问题?最好对代码进行注释。这是什么?你在做什么?​@蒂莫,你能告诉我们你的实际情况吗?很难看出你的问题所在。。。.click在.lightbox上触发了一个单击事件。当鼠标停留在实际图像上时,有没有办法让弹出的图像保持不变?使用.hover时的主要问题称为Bubblinguing使用ickart中的js,我得到以下错误:SyntaxError:unliked character};有没有帮助解决链接函数FancyBox、悬停调用问题?最好对代码进行注释。这是什么?你在做什么?​@蒂莫,你能告诉我们你的实际情况吗?很难看出你的问题所在。。。.click在.lightbox上触发单击事件
$("a.lightbox").fancybox({
    'showCloseButton': false
}).hover(function() {
    $(this).click();
    $(".fancybox-overlay").mouseout(function() {
        $.fancybox.close();
    });
});​