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裏面的幻燈片

回答

相關問題