無限滾動隨機形象畫冊

我需要從一個特定的文件夾加載所有圖像的顯示他們以隨機順序把他們一個一個後一個簡單的頁面，讓「無限」垂直滾動頁面:)無限滾動隨機形象畫冊

喜歡的東西茉莉。 com

謝謝！ :)

2014-09-24 ScrollerS

有一個名爲infinite-scroll的jQuery插件，可以完成大部分已描述的功能。其方法允許您決定何時將更多內容加載到您的頁面，您想要加載的內容以及位置。我相信它的核心功能是$('.selector').infinitescroll('scroll');。

EDIT
如果此解決方案過於複雜，對計算器here和here一個簡單的滾動檢測的例子。

來源

2014-09-24 22:12:07 Frumples

謝謝！去試試吧！你認爲它可以自動調整圖像大小嗎？ – ScrollerS 2014-09-24 22:15:38

你必須指定你想要加載的內容。我建議閱讀我在答案中提供的鏈接上的文檔。然後你可以決定它是否是你可以使用的東西。 – Frumples 2014-09-24 22:25:34

爲什麼我什麼都看不到？http://rfactorstreetcarstracks.altervista.org/scroller.htm – ScrollerS 2014-09-24 22:36:49

-1

首先，我上傳的所有內容壓縮到我的ftp :)

我加入

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 
<script type="text/javascript" src="http://rfactorstreetcarstracks.altervista.org/jquery.infinitescroll.js"></script> 


<script type="text/javascript">

$後infinitescroll（{ 裝載（ '選擇'）：{ 完成：不確定， finishedMsg：「恭喜你，你已經達到了互聯網的結束」， IMG：空，消息：空， MSGTEXT：「加載下一個SE帖子...」，選擇的T：空，速度： '快'，開始：未定義 }，狀態：{ isDuringAjax：假的， isInvalidPage：假的， isDestroyed：假的， isDone：假，//當它一直穿過檔案時。 isPaused得到：假， currPage：1 }，行爲：未定義，粘合劑：$（窗口），//用於緩存選擇器，用於將被滾動 nextSelector元素：「div.navigation一個：第一」， navSelector：「div.navigation」， contentSelector：空，//重命名爲pageFragment extraScrollPx：150， itemSelector：「div.post」，有生：假， pathParse：未定義，數據類型： 'HTML' ， appendCallback：true， bufferPx：40， errorCallback：function（）{}， infid：0，//實例ID pixelsFromNavToBottom：undefined， path：「/」，//可以是URL部分數組（例如， [/ page /「，」/「]）或者一個接受頁碼的函數並返回一個URL maxPage：undefined //手動控制最大頁面（當maxPage未定義時，最大頁面限制不起作用） } ）;

完成.... umh :)

來源

2014-09-24 22:49:10 ScrollerS

無限滾動隨機形象畫冊

回答

相關問題