我正在使用适用于所有浏览器的jCycle插件,但在IE7中,寻呼机无法显示?
在IE8 / 9中没有任何人有任何想法吗?
感谢
Jemes
$('.gallery').after('<div id="nav">').cycle({fx: 'fade', speed: 2000, timeout: 2000, pager: '#nav',
// callback fn that creates a thumbnail to use as pager anchor
pagerAnchorBuilder: function(idx, slide) {
return '<a href="#"></a>';
}
});
#nav{margin:0 auto; border:0px solid red; overflow:hidden; text-align:center; padding-top:10px;}
#nav a{padding:12px; background:url(../images/gallery-circle-outline.png) 0px 6px no-repeat; color:#ccc; cursor:pointer;}
#nav a.activeSlide, #nav a:hover{background:url(../images/gallery-circle.png) 0px 6px no-repeat;}
<div class="gallery">
<img src="images/1.png" alt="1" />
<img src="images/2.png" alt="2" />
<img src="images/3.png" alt="3" />
<img src="images/4.png" alt="4" />
<img src="images/5.png" alt="5" />
</div>
答案 0 :(得分:0)
我想这是因为使用 .after(..),请尝试:
$('.gallery').after('<div id="nav"></div>').cycle...
希望有所帮助