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