jQuery的IE7的问题（使用jQuery Cycle插件）

我不能让jQuery的工作都与IE7。我使用jQuery Cycle插件，但我相信这个问题是与jQuery（而事实上，我是新手）。我试图用一个横幅肩，这在Firefox，Safari和IE8的作品。在IE7中，它甚至没有启动…它只是显示了每个格此起彼伏。jQuery的IE7的问题（使用jQuery Cycle插件）

预先感谢您！

例 http://testing.observerpapers.com/lv

JS

$(document).ready(function() { $(‘#myslides’) .before(”) .cycle({ fx: ‘fade’, // choose your transition type speedIn: 600, speedOut: 600, timeout: 8000, pause: 0, // so that pauses when user hovers over a slide pager: ‘#nav’, // instructs the plugin to create navigation elements }); // every child element of the container becomes a slide /*ddsmoothmenu.init({ mainmenuid: “smoothmenu1”, //menu DIV id orientation: ‘h’, //Horizontal or vertical menu: Set to “h” or “v” classname: ‘ddsmoothmenu’, //class added to menu’s outer DIV //customtheme: [“#1c5a80”, “#18374a”], contentsource: “markup” //”markup” or [“container_id”, “path_to_menu_file”] });*/ });

CSS

#myslides { width: 980px; height: 360px; /*overflow: hidden;*/ z-index: 500; background:none !important; } #myslides div { /*background:none !important;*/ } #myslides .textBlock { background: url(../images/home/bg-bb-textblocks.png) top left repeat; width: 360px; padding: 4px; margin-top: 42px; margin-left: 33px; } #myslides .textBlock div { padding: 17px 8px 10px 18px; border: 1px solid #756e67; } #myslides h1 { font: normal 24px/1.2 Helvetica, Arial, sans-serif; text-transform: uppercase; color: #fff; margin-bottom: 5px; } #myslides p { font: normal 14px/1.3 Helvetica, Arial, sans-serif; color: #fff; } #myslides cite { display: block; width: 500px; font-style: normal; text-transform: uppercase; color: #fff; font-size: 12px; position: absolute; bottom: 6px; left: 20px; z-index: 5000; } #myslides > div { width: 980px; height: 386px; } #myslides .billBoard1 { background: url(../images/home/bb-kingston.jpg) top left repeat; } #myslides .billBoard2 { background: url(../images/home/bb-harbor-breeze.jpg) top left repeat; } #myslides .billBoard3 { background: url(../images/home/bb-mondrian.jpg) top left repeat; } .slides { margin-left: 385px; width: 539px; } .navBG { position: absolute; display: block; z-index: 500; bottom: 0; width: 980px; height: 30px; background: url(../images/home/bg-bb-textblocks.png) top left repeat; } #nav { position: absolute; z-index: 501; top: 356px; right: 10px; height: 30px; text-align: right; } #nav a:hover, #nav a.activeSlide { background:none repeat scroll 0 0; font-weight: bold; color: #fff; } #nav a { background:url(“”) repeat-x scroll 0 0; color: #d6d2cf; display: inline-block; font: 12px/18px Helvetica, Arial, san-serif; height: 18px; margin: 4px 0 0 5px; padding: 2px 8px; text-align: center; text-decoration: none; } #nav { font-size: 23px; }

来源

2010-08-03
alertone

+0

对我来说，它甚至不能在IE8中工作。开发工具显示以下文本：’LOG：[cycle] termination;太少的幻灯片：0’。 –

MvanGeest
2010-08-03 16:03:11

+0

谢谢MvanGeest！我在IE8中修复了它。请你再看一遍。 –

alertone
2010-08-03 16:13:30