在加載/刷新時顯示不同的圖像

嘿傢伙我目前正在爲我的項目使用Jquery Cycle插件，並且幻燈片順利運行。不過，我希望我的幻燈片能夠在每個頁面刷新時顯示或以不同的圖像開始。我不知道如何添加一個函數/腳本來實現，或者如果可能的話。我是JQuery的新手，所以任何幫助將不勝感激！在加載/刷新時顯示不同的圖像

腳本：

$(document).ready(function() { 
    $('.slideshow').cycle({ 
     fx: 'fade', 
     speed: 2500, 
     timeout: 7000, 
     prev: '#prev', 
     next: '#next', 
    }); 
});

我的HTML：

<div class="slideshow"> 
    <img src="images/img_slide-1.jpg" /> 
    <img src="images/img_slide-2.jpg" /> 
    <img src="images/img_slide-3.jpg" /> 
</div>

來源

2012-09-25 Shanlais

使用startingslide選項

startingSlide: 0,  // zero-based index of the first slide to be displayed

要選擇一個隨機的幻燈片，你需要得到一個隨機指數這樣

var rand = Math.floor(Math.random() * $('.slideshow img').length);

然後，當你initiliaze週期，使用rand變量作爲startingslide。

$(document).ready(function() { 
    var rand = Math.floor(Math.random() * $('.slideshow img').length); 
    $('.slideshow').cycle({ 
     fx: 'fade', 
     speed: 2500, 
     timeout: 7000, 
     prev: '#prev', 
     next: '#next', 
     startingSlide: rand 
    });

}）;

來源

2012-09-25 03:14:12

「startingSlide ：0，「讓幻燈片總是從列表中的第一張圖片開始？ – Shanlais

是的，但你需要改變0.我已經更新了我的代碼以隨機選擇一個 –

PS：永遠不會留下尾隨逗號'，'在對象的末尾，Internet Explorer會拋出一個錯誤 –

對這個插件做一些快速研究（我從來沒有使用過它），它看起來像有一個隨機的選擇你可以指定爲true。看看文檔：http://jquery.malsup.com/cycle/options.html（只是ctrl-f「隨機」）。

如果您只是從隨機的第一張照片開始尋找，那麼在對文檔進行最少研究的基礎上，使用startingSlide：SLIDE_NUMBER_HERE之後的順序幻燈片（如評論中所述）就可以工作。

來源

2012-09-25 03:12:56 Wiz

也許我錯了，但它看起來像隨機初始圖片，但保持它們的順序循環 – gtgaxiola

啊，如果是這樣的話，那麼你應該使用startingSlide – Wiz

目前，幻燈片總是從我的第一張圖片開始，其次是其他順序。這其實是正確的，我想這樣。我想添加的是，在刷新時，它應該從另一個圖像開始，然後繼續下一個圖像。 – Shanlais

在加載/刷新時顯示不同的圖像

回答

相關問題