横幅更换器问题

时间:2011-10-16 15:22:00

标签: javascript jquery

我有横幅更换器的代码行,每当我添加任何横幅的链接时,它都会变成空白“横幅空间变为空白”。时不时地。         

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

1 个答案:

答案 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">