Question

<script type="text/javascript">
    $(document).ready(function() {
        $("a#logo").fancybox({
                'transitionIn'  : 'elastic',
                'transitionOut' : 'elastic'
            }).trigger('click');
    });
</script>
</head>
<body>
<center>
    <a id="logo" href="../../images/mav/mission.png"><img id="imageSlide" alt="imageSlide" src="images/banners2/banner1.png" style="height:255px; border:none; margin-top:0px; margin-left:0px;"  align="middle"/></a>
</center>
</body>

.hi根据上面的代码，我现在有一个弹出页面加载的fancybox。现在它正在href =“”属性中显示图像。我该怎么做才能让图像切换到另一个图像，例如间隔为8秒。我实际上只有两个图像，我希望它们每隔8秒自动切换一次。

Answer 1

尝试jquery循环然后http://jquery.malsup.com/cycle/

$(document).ready(function() {
    $('slideshow').cycle({
        fx: 'fade',
            timeout: 8000
    });
});

<div class="slideshow"> 
        <a href="linkHere"><img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" /></a> 
        <a href="linkHere"><img src="http://cloud.github.com/downloads/malsup/cycle/beach2.jpg" width="200" height="200" /></a> 
    </div>

Answer 2

只是古玩 - 没有fancybox加载div？

您可以在div内放置一个滑块吗？

jQuery slider

所以你要在你的fancbox div中设置div并执行此操作：

$(function(){
  $("#slides").slides({
       play: 5000,
       effect: 'fade',
       slideSpeed: 8000,
       crossfade: true,
       fadeEasing: "easeOutQuad",
       hoverPause: false
  });
});

很抱歉，如果我误解了fancybox的运作方式。

fancybox里面的幻灯片

2 个答案: