Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/413.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幻灯片放映停止了?_Javascript_Fancybox_Frontend - Fatal编程技术网

Javascript 为什么fancybox幻灯片放映停止了?

Javascript 为什么fancybox幻灯片放映停止了?,javascript,fancybox,frontend,Javascript,Fancybox,Frontend,我做了一个旋转木马滑块 但有一个问题 以下是三个级别: 1传送带 2张带幻灯片的卡片 3从卡上弹出带有照片的窗口 第二次和第三次是通过fancybox完成的。从第二个调用第三个(在提要上可见)。 关闭弹出窗口后,卡中的幻灯片将停止(说明显示在此处) 这里的问题是什么 $('.gallery_slider').owlCarousel({ 循环:对, 导航:错, 点:是的, 自动播放:对, 自动播放超时:5000, 自动播放速度:2000, 自动播放暂停:false, 项目:1, 保护:没错, 响

我做了一个旋转木马滑块 但有一个问题

以下是三个级别: 1传送带 2张带幻灯片的卡片 3从卡上弹出带有照片的窗口

第二次和第三次是通过fancybox完成的。从第二个调用第三个(在提要上可见)。 关闭弹出窗口后,卡中的幻灯片将停止(说明显示在此处)

这里的问题是什么

$('.gallery_slider').owlCarousel({
循环:对,
导航:错,
点:是的,
自动播放:对,
自动播放超时:5000,
自动播放速度:2000,
自动播放暂停:false,
项目:1,
保护:没错,
响应:{
600:{
}
}
});
$('.product item').fancybox({
基类:“fancybox画廊”,
动画效果:“淡入淡出”,
动画持续时间:300,
保证金:0,
排水沟:0,
循环:对,
幻灯片放映:{
自动启动:对,
速度:1000
},
zoom:错,
空闲时间:错,
拇指:{
自动启动:对,
轴:“x”
},
触摸:{
垂直:假
},
按钮:[
“结束”
],
后加载:函数(){
$('.fancybox gallery.fancybox图像')。fancybox({
基类:“精美图像”,
动画效果:“淡入淡出”,
动画持续时间:300,
按钮:[
“结束”
],
后加载:函数(实例,当前){
setTimeout(函数(){
实例close();
}, 2000);
},
后关闭:函数(){
$('.product item').trigger('play.fancybox.autoStart');
},
baseTpl:
'' +
'' +
'' +
''+
'' +
" / " +
"" +
“{{buttons}}”+
“{{arrows}}”+
'' +
'' +
"" +
""
});
$('.gallery_slider').trigger('stop.owl.autoplay');
},
后关闭:函数(){
$('.gallery_slider').trigger('play.owl.autoplay');
},
baseTpl:
'' +
'' +
'' +
'' +
" / " +
"" +
“{{buttons}}”+
“{{arrows}}”+
'' +
'' +
"" +
""
});
/*图库*/
#画廊{
宽度:100%;
背景:url(../img/back3.png);
背景尺寸:封面;
填充:52px 0 100px;
字体系列:“MonlyBold”;
边缘底部:10px;
位置:相对位置;
}
#画廊。包装{
显示器:flex;
证明内容:中心;
柔性包装:包装;
保证金:0自动;
}
.gallery_菜单{
背景:#000;
宽度:33%;
高度:150像素;
利润率:12像素;
边界半径:10px;
显示器:flex;
对齐项目:居中;
证明内容:中心;
位置:相对位置;
溢出:隐藏;
}
.gallery_菜单:之后{
内容:'';
位置:绝对位置;
排名:0;
左:0;
右:0;
底部:0;
背景:黑色;
不透明度:0.5;
z指数:1;
}
.gallery_菜单a{
显示器:flex;
证明内容:中心;
对齐项目:居中;
宽度:100%;
身高:100%;
颜色:#e4;
字号:4em;
位置:相对位置;
z指数:2;
}
.gallery_菜单:第n个孩子(n){
过渡:背景尺寸1.5s;
}
.gallery\u菜单:第n个子项(n):悬停{
背景大小:120%;
}
.gallery_菜单:悬停:之后{
不透明度:0.3;
}
.gallery_菜单:第n个孩子(1){
背景:url(../img/photos/tiffani/27.jpg)中心;
背景大小:100%;
}
.gallery_菜单:第n个孩子(2){
背景:url(../img/photos/fuzing/img_9636-21-03-18-07-42.jpeg.jpg)中心;
背景大小:100%;
}
.gallery_菜单:第n个孩子(3){
背景:url(../img/photos/facets/fac.jpg)中心;
背景大小:100%;
}
.gallery_菜单:第n个孩子(4){
背景:url(../img/photos/gravirovka/grav.jpg)中心;
背景大小:100%;
}
.gallery_菜单:第n个孩子(5){
背景:url(../img/photos/mixed/img_9715-21-03-18-07-42.jpeg.jpg)中心;
背景大小:100%;
}
.gallery_菜单:第n个孩子(6){
背景:url(../img/photos/psevdo/img_0924.JPG)中心;
背景大小:100%;
}
#画廊-1、#画廊-2{
宽度:70%;
高度:500px;
显示:无;
}
.gallery_text{
宽度:40%;
浮动:对;
}
.gallery_text p{
颜色:#000;
}
#画廊h1{
边缘底部:8px;
}
#画廊h3{
文字装饰:下划线;
边缘顶部:20px;
}
.owl旋转木马按钮.owl-dot{
宽度:10px;
高度:10px;
边界半径:20px;
保证金:5px;
边框:.5px实心#ddd;
背景:ddd;
}
.owl转盘按钮.owl-dot.active{
背景:#000;
边框:.5px实心#000;
}
/*网格*/
/*设置页面样式(产品列表)*/
.og网格{
显示器:flex;
柔性包装:包装;
证明内容:中心;
最大宽度:1200px;
保证金:0自动;
}
.产品{
利润率:10px;
显示器:flex;
证明内容:中心;
对齐项目:居中;
溢出:隐藏;
最大宽度:300px;
最大高度:200px;
}
.产品.产品形象,
.产品.产品形式{
显示:无;
}
.产品项目img{
最大宽度:100%;
}
/*重新定位和重新设计fancyBox块*/
/*此元素包含两个块*/
.fancybox画廊。fancybox内部{
不透明度:0;
位置:绝对位置;
排名:0;
右:0;
底部:0;
左:0;
保证金:自动;
宽度:计算(100%-40px);
高度:计算(100%-40px);
最大宽度:900px;
最大高度:400px;
背景:ddd;
}  
.fancybox图库.fancybox信息栏{
显示:无;
}
/*左侧块将包含画廊*/
.fancybox画廊.fancybox舞台{
宽度:50%;
}
/*右块-关闭按钮和窗体*/
.fancybox图库。fancybox标题包{
宽度:50%;
身高:100%;
顶部:
$().fancybox({
  selector : '.owl-item:not(.cloned) a',
});