简体繁体 English

jQuery轮播滑块位于灯箱图片的前面

[英]jQuery carousel slider stays in front of lightbox image

原文 2014-04-01 22:18:15 5 1 javascript/ jquery/ html5/ css3/ lightbox

I'm very new to jQuery so only using the plug ins at the moment. 我对jQuery非常陌生，因此目前仅使用插件。 I have downloaded a carousel slider which you manually slide, to view images with text information underneath, then you can click on more (at the bottom of the image/text box) and another box slides to the right with more info etc. I then added text links to this box that slides out to enable the visitor to see the images bigger using the light box plugin. 我已经下载了一个旋转式传送带滑块，您可以手动滑动它，以查看下面带有文本信息的图像，然后您可以单击更多按钮（在图像/文本框的底部），另一个框向右滑动并显示更多信息，等等。然后在此框上添加了文本链接，该文本框向外滑动以使访问者可以使用灯箱插件查看更大的图像。

When I click the text link to open light box (to see the image bigger), the carousel text box that slid out stays in place (over the light box image) so I have to manually click the 'x' in the corner of the carousel box to view the image... 当我点击文本链接以打开灯箱（以查看更大的图像）时，滑出的轮播文本框会保留在灯箱图像上方（位于灯箱图像上方），因此我必须手动点击旋转木马框查看图像...

Does anyone have any thoughts on the sort of code I would need to implement into this... would it be adding code to the .js file of the carousel to tell it to close when lightbox is in use????? 有没有人对我需要在其中实现的那种代码有任何想法...会在轮播的.js文件中添加代码以告诉它在使用灯箱时关闭吗？ if so PLEASE what kinda thing would it be? 如果是这样的话，那会是什么呢？

1 个解决方案

Try to find the css classes of your lightbox popup and of your carrosel and set the biggest z-index to lightbox div and a not so bigger to the carrosel div. 尝试找到您的灯箱弹出窗口和carrosel的css类，并将最大的z-index设置为lightbox div，将其设置为不大于carrosel div。 In this way the first will appear over the last one. 这样，第一个将出现在最后一个之上。