fancybox里面的幻灯片

<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 guys基于上面的代码我目前有一个fancybox弹出页面加载。现在它正在href =“”属性中显示图像。例如，我可以如何将图像切换到另一个图像，间隔为8秒。我实际上只有两个图像，我希望它们每8秒自动切换一次。fancybox里面的幻灯片

来源

2011-07-23 zerey

这可以帮助你，我觉得 http://stackoverflow.com/questions/4019533/slideshow-in-fancybox-image-gallery – Warface

尝试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>

来源

2011-07-23 02:19:47 Warface

。我认为这将是无用的，因为我还没有宣布任何图片切换到。 – zerey

也许fancybox不是那种解决方案。这可能是我认为更合适的：http://jquery.malsup.com/cycle/ – Warface

只是珍玩 - 不会的fancybox加载了一个div？

你能在这个div内放置一个滑块吗？

jQuery slider

所以，你会设置你的fancbox格内的div并做到这一点：

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

很抱歉，如果我误解的fancybox如何工作的。

来源

2011-07-23 02:42:11

fancybox里面的幻灯片

回答

相关问题