横幅更换器问题

Question

我拥有横幅更换器的代码行，每当我添加链接到任何横幅时，它都会变成空白“横幅空白变为空白。”每隔一段时间。

  $(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 - 

-> 

下面就来unstand我的意思是什么，了解我的意思http://woodstown-pilesgrove.com/

Answer 1

它变成空白，因为有一个链接的链接横幅内的链接为<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">。