Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/364.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 层更改上的Z索引修改(jquery插件修改)?_Javascript_Jquery_Css_Jquery Plugins - Fatal编程技术网

Javascript 层更改上的Z索引修改(jquery插件修改)?

Javascript 层更改上的Z索引修改(jquery插件修改)?,javascript,jquery,css,jquery-plugins,Javascript,Jquery,Css,Jquery Plugins,我使用以下jquery插件新闻旋转器来显示几个不同的新闻标题: 相当不错的头条新闻,但当你跳到不同的层/故事时,它似乎不会修改z索引,因此嵌入到第1层的视频总是会激活,即使我单击其他层中的新闻故事或视频。例如,如果我转到另一个故事并单击“播放”按钮,第一个最上面的故事上的视频将激活,而不是我正在播放的故事 我希望得到一个例子,说明如何修改脚本,以便于在层/故事更改上更改z索引 我猜可以在script.js文件中的不透明度偏移下的fxStart函数中进行修改,但我还没有达到对js的要求。似乎没有

我使用以下jquery插件新闻旋转器来显示几个不同的新闻标题:

相当不错的头条新闻,但当你跳到不同的层/故事时,它似乎不会修改z索引,因此嵌入到第1层的视频总是会激活,即使我单击其他层中的新闻故事或视频。例如,如果我转到另一个故事并单击“播放”按钮,第一个最上面的故事上的视频将激活,而不是我正在播放的故事

我希望得到一个例子,说明如何修改脚本,以便于在层/故事更改上更改z索引


我猜可以在script.js文件中的不透明度偏移下的fxStart函数中进行修改,但我还没有达到对js的要求。

似乎没有一个网站可以让这个脚本演示或公开api,因为api似乎没有任何api,所以这是一个黑暗中的尝试。。。您应该能够使用以下两行更改第277行:

$(currentObj).css({zIndex:2});
$(this.slides).eq(index).css({zIndex:3}).stop().animate( {opacity:1}, {duration: this.settings.duration, easing:this.settings.easing} );
这里的想法是,在动画开始之前,您只需设置视频的正确zIndex


同样,这是在黑暗中拍摄的,因为我假设“currentObj”是当前显示的对象,“this.slides.eqindex”是下面的下一个对象。

好的,我绕过后面的白色屏幕的方法是只设置当前层的动画。因此,当您想要淡入下一层时,您可以: 1.将当前层的z索引设置为较高的数字,例如3 2.将下一层的z索引设置为较小的数字,例如2,并将不透明度设置为1 3.仅淡出当前层,这将显示下面的下一层。 4.在当前层动画上设置回调函数,以将z索引重置为其正确值,从而不会扰乱下一个过渡

因此,根据我的上一个建议,我建议:

// accomodate your other issue
var $nextObj = $(this.slides).eq(index).css({zIndex:900, opacity:1});
$(currentObj).css({zIndex:1000}).stop().animate( {opacity:0}, {duration: this.settings.duration, easing:this.settings.easing}, function(){ $(this).css({zIndex: 1}); $nextObj.css({zIndex: 2}); );

这有意义吗?

是的,这有意义,但是它仍然会造成装载机无限旋转的情况。有点不对劲,但我留下了代码让您浏览一下lof script.js。最后我更改了转换类型。z指数的发行似乎没有起到作用,可能是因为Wistia的组合中出现了闪光。使用水平滚动条就可以了,不过还是要感谢您的努力,因为您确实提供了见解。