Jquery 在Fancybox中保存图像

Jquery 在Fancybox中保存图像,jquery,image,fancybox,fancybox-2,Jquery,Image,Fancybox,Fancybox 2,我刚刚切换到使用Fancybox,因为我想通过右键单击“另存为”下载图像。我见过其他网站这样做。但是,在我的网站上,右键点击“保存图像AS”的选项只出现在图片的中间部分。当鼠标悬停在图像的左上方和右上方时,没有这样的选项 我的问题是: 为什么呢?当鼠标悬停在图像的任何部分上方时,如何显示“将图像另存为”选项?请帮忙 这是因为在默认情况下,当您拥有多媒体资料时,fancybox会将图像的两侧用作可单击区域,以导航到上一张或下一张图像,例如: 您有两个选择: 1) 。通过添加(包括fancybox

我刚刚切换到使用Fancybox,因为我想通过右键单击“另存为”下载图像。我见过其他网站这样做。但是,在我的网站上,右键点击“保存图像AS”的选项只出现在图片的中间部分。当鼠标悬停在图像的左上方和右上方时,没有这样的选项

我的问题是:


为什么呢?当鼠标悬停在图像的任何部分上方时,如何显示“将图像另存为”选项?请帮忙

这是因为在默认情况下,当您拥有多媒体资料时,fancybox会将图像的两侧用作可单击区域,以导航到上一张或下一张图像,例如:

您有两个选择:

1) 。通过添加(包括fancybox css文件后)此css规则,将导航箭头移到fancybox图像之外

.fancybox-nav {
    width: 60px;       
}

.fancybox-nav span {
    visibility: visible;
    opacity: 0.5;
}

.fancybox-nav:hover span {
    opacity: 1;
}

.fancybox-next {
    right: -60px;
}

.fancybox-prev {
    left: -60px;
}
然后将此API选项添加到fancybox初始化脚本中

margin : [20, 60, 20, 60] 
请参见

2) 。使用fancybox按钮帮助程序(包括在fancybox下载中),包括在您的页面中

<link rel="stylesheet" href="{your path}/helpers/jquery.fancybox-buttons.css" type="text/css" media="screen" />
<script type="text/javascript" src="{your path}/helpers/jquery.fancybox-buttons.js"></script>

查看Fancybox的“扩展功能”

非常感谢!选项1听起来更简单,但哪个是我的fancybox初始化脚本?那是以“js”结尾的文件吗?不止一个文件以“js”结尾。请原谅我的无知。这是我相信的初始化脚本:$(document).ready(function(){$(“.fancybox”).fancybox();});我试图将其添加到脚本的不同部分,但没有成功。@lixiao是的,这是您的初始化脚本。尝试使用作为参考,注意选项是如何包含在
.fancybox({…API options…})中的谢谢,我看了你的例子,但仍然不明白在我的入门脚本中应该在哪里添加“边距:[20,60,20,60]”。有什么建议吗?
modal: true,
helpers: {
    buttons: {}
}