Javascript Fancybox图库弹出问题
我相信我已经为这个选择了一个完美的标题,但是,如果有人能想出一个更好的标题,请随意编辑。无论如何,当你点击要打开弹出窗口的图片时,我在为我的图库集成jQuery插件fancybox时遇到了一个小问题。展示画廊 我之所以选择使用iframe,是因为我希望画廊同时展示视频和图像。iframe是实现这一点的正确格式吗Javascript Fancybox图库弹出问题,javascript,jquery,html,fancybox,Javascript,Jquery,Html,Fancybox,我相信我已经为这个选择了一个完美的标题,但是,如果有人能想出一个更好的标题,请随意编辑。无论如何,当你点击要打开弹出窗口的图片时,我在为我的图库集成jQuery插件fancybox时遇到了一个小问题。展示画廊 我之所以选择使用iframe,是因为我希望画廊同时展示视频和图像。iframe是实现这一点的正确格式吗 <script type="text/javascript"> $(document).ready(function() { $(".various").fancyb
<script type="text/javascript">
$(document).ready(function() {
$(".various").fancybox({
minWidth : 902,
minHeight : 505,
fitToView : true,
width : '50%',
height : '50%',
closeClick : true,
openEffect : 'fade',
closeEffect : 'fade',
type : 'iframe',
preload: 'auto',
helpers: {
thumbs: {
width : 50,
height : 50
} // closes thumbs
} // closes helpers
});
});
$(文档).ready(函数(){
$(“.Variable”).fancybox({
最小宽度:902,
身高:505,
菲托维:没错,
宽度:“50%”,
身高:50%,
closeClick:true,
openEffect:“褪色”,
特效:“褪色”,
键入:“iframe”,
预加载:“自动”,
助手:{
拇指:{
宽度:50,
身高:50
}//合上拇指
}//关闭帮助程序
});
});
我正在使用插件的响应元素。如果两个插件之间存在某种形式的冲突。有人能纠正我哪里出了问题。我最近尝试使用fancybox来显示图像和照片,但找不到合适的解决方案。相反,我使用了它,我发现它非常好,有很多可定制的选项。如果您愿意/能够从fancybox切换,我建议您使用此选项 要设置它,只需将您的密码设置为选择器
$("a[rel^='prettyPhoto']").prettyPhoto();
然后,对于要在多媒体资料中显示的图像和/或视频的每个链接,只需将属性(在方括号中包含多媒体资料的名称)添加到链接中即可
rel="prettyPhoto[myGalleryName]"
应该没有任何冲突,但据我所知,您缺少包含fancybox CSS文件(您只包含fancybox thumbs CSS文件)。。。另一方面,您不需要为图像指定
类型:“iframe”
,您可以为每个链接设置内容类型