问题：使用链接循环简单javascript幻灯片

我有一个使用javascript的简单幻灯片。我想使图像链接和点击。但是，在第一次循环之后，图像将不会加载，我通过css只会得到一个带有边框的空白区域…我希望简单的幻灯片能够在每个图像中工作并加载

以下是HTML：

<div class="slides">
    <a href="http://www.google.de" target="_blank"><img src="images/sample_slides/test.jpg"alt="test"></a>
    <a><img src="images/sample_slides/test1.jpg" alt="test1"></a>
    <a><img src="images/sample_slides/test2.jpg" alt="test2"></a>
    <a><img src="images/sample_slides/test3.jpg" alt="test3"></a>
</div>

以下是我的Javascript：

<script type="text/javascript">
$(function(){$('.slides img:gt(0)').hide();
setInterval(function(){$('.slides :first-child').fadeOut('slow').next('img').fadeIn().end().appendTo('.slides');}, 7000);});
</script>

$（函数（）{$（'.slides-img:gt（0'））.hide（）；
setInterval（函数（）{$（'.slides:first child'）.fadeOut（'slow'）.next（'img'）.fadeIn（）.end（）.appendTo（'.slides'）；}，7000）；}）；

---

感谢您的帮助……

您需要隐藏和显示a标记，因为它们是.slides的新子项。比如：

$(function(){
    $('.slides a:gt(0)').hide();

    setInterval(function(){
      $('.slides a:first-child')
        .fadeOut('slow').next('a').fadeIn().end().appendTo('.slides');
    }, 7000);
});