javascript - 如何让 ResponsiveSlides 幻灯片在 Internet Explorer 中运行?

标签 javascript jquery internet-explorer jquery-plugins slideshow

我正在使用 ResponsiveSlides.js(http://responsive-slides.viljamis.com/) 在我正在开发的网站上显示幻灯片。它在 Opera、Chrome 和 Firefox 中完美运行,但 IE 显示的图像比预期的大得多。这是一个例子(http://www.brooklynlutheran.com/ie-maxwidth-test.asp)。 ResponsiveSlides.js 提供的演示代码工作正常,我看不出有什么区别。谁能告诉我我做错了什么?

谢谢。

最佳答案

很可能 max-width: 400px 可能是问题所在,因为 IE 可能无法识别它。我还没有做过研究,因为我即将下类回家,但是......这样说:

<li><div style="width:400px;">[rest of code inside<li></li>]</div></li>

这可能不会自动调整其中图像的大小,但至少应该限制。然后您可能需要一些额外的代码来减小它们的大小。希望能帮助到你。如果当我回家时没有其他人帮助你,我会尽力解决这个问题,而不仅仅是给出提示。祝你好运:)

编辑:

<li id="rslides1_s0" style="display: none; float: none; position: absolute; " class=""><div style="width:400px;"><img src="./IE Maxwidth Test_files/test-pic1.jpg" alt=""></div></li>

使列表项看起来像这些(注意添加的),并且它在 IE 中已修复:)

关于javascript - 如何让 ResponsiveSlides 幻灯片在 Internet Explorer 中运行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10192980/

相关文章:

javascript - 根据变量重叠 svg 路径事件

javascript - Ondblclick 和 Dblclick 之间的区别

jquery - 从 IE 中的输入类型 = 文件中删除选定的文件

css - IE11 中的 Scss 缩放图像

javascript - Internet Explorer 中的回流/布局非常慢

javascript - CSS :before/:after Selectors in IE 6, 7

javascript - 如何从 sails.js 上的不同操作中获取返回的对象?

javascript - 如何在react js中使用 anchor 标记进行注销

javascript - 使用 DOM 遍历获取 attr 值失败

jquery - 在移动设备的右侧获取空白区域。表格和文本的某些部分超出了移动宽度