1

我正在设计这个网站http://www.parisgaa.org/parisgaels并且遇到了问题。

主页上的图像滑块有时会混乱。大多数时候它可以工作并且看起来很好，但其他时候它的位置似乎被弄乱了，它出现在应该在它下面的内容之下（即，该内容与图像重叠）。您应该能够在 Chrome 中复制它 - 只需刷新几次。

我会很感激任何帮助。

4

3 回答 3

0

看起来这可能是您用于图像滑块的任何 jQuery 插件的问题。由于某种原因，元素的高度.bx-window没有被正确评估（对我来说，它在 20-30 像素而不是 420 像素的范围内）。我会尝试一个不同的滑块（那里有大量的 jQuery 图像滑块，只需 google 一下），但如果这不是一个选项，那么在他们的代码中自己修复它可能相当简单。祝你好运！

于 2012-06-21T21:36:27.897 回答
0

尝试使图像滑块位置相对：

style = "position:relative;"
于 2012-06-21T21:11:50.980 回答
0

您将不得不在滑块文件中编辑一行

js/slider.js



.wrap('<div class="bx-window" style="width:'+childrenMaxWidth+'px; height:'+wrapperHeight+'px; position:relative; overflow:hidden;"></div>')
            .css({
              height: '999999px',
              position: 'relative',
                top: '-'+(origTop)+'px'
            });

在他的范围内，您需要定义一个适用于您的图像的高度，例如

.wrap('<div class="bx-window" style="width:'+childrenMaxWidth+'px; height:400px; position:relative; overflow:hidden;"></div>')
            .css({
              height: '999999px',
              position: 'relative',
                top: '-'+(origTop)+'px'
            });

问题不在于您的实现，而在于您正在使用的脚本。您可以尝试使用不同的脚本，但希望此调整对您有用！

于 2012-06-21T21:33:20.127 回答