我有横幅更换器的代码行,每当我添加任何横幅的链接时,它都会变成空白“横幅空间变为空白”。时不时地。
$(function(){
$('#banner img:gt(0)').hide();
setInterval(function(){$('#banner :first-
child').fadeOut().next('img').fadeIn().end().appendTo('#banner');}, 8000);
});
</script>
<div id="banner">
<img src="images/hollinger.png" width="519" height="76" />
<img src="banners/leonards.png" width="519" height="76" />
<img src="banners/banner1.png" width="493" height="82" border="0" />
</div><!-- End Banner -
->
以下是解开我的意思的链接以下链接了解我的意思http://woodstown-pilesgrove.com/
答案 0 :(得分:0)
它变为空白,因为横幅中有<a>
个链接。
<div id="banner">
<img src="images/hollinger.png" width="519" height="76" />
<img src="banners/leonards.png" width="519" height="76" />
<a href="index.html"><img src="banners/banner1.png" width="493" height="82" border="0" /></a>
</div>
因此,当最后一张图片被附加到横幅上时,它不再被链接包裹,所以你最终得到这个(只显示链接,因此是空白横幅):
<div id="banner">
<a href="index.html"></a>
<img style="display:none;" src="images/hollinger.png" width="519" height="76" />
<img style="display:none;" src="banners/leonards.png" width="519" height="76" />
<img style="display:none;" src="banners/banner1.png" width="493" height="82" border="0" />
</div>
尝试删除链接。但如果您确实需要链接,请将<div id="banner">
更改为<a id="banner" href="http://whatever.com">
。