2013-07-25 25 views
0

我的目標是去當用戶向下滾動生成以下代碼:生成更多的內容,用戶無需滾動SQL

<?php 
    // get all files 
     $imagesDir = 'uploads/'; 
    $images = glob($imagesDir . '* {jpg,jpeg,png,gif,JPG,JPEG,PNG,GIG}', GLOB_BRACE); 
    $imagesCount = count($images); 
    for($i = 0 ; $i < $imagesCount ; $i++) { 
     // select image 
     $randomIndex = array_rand($images); // select image index 
     $file_title = $randomImage = $images[$randomIndex]; // use selected image 
     unset($images[$randomIndex]); // remove selected image 
     // print_r($images); // you can see what left in $images 
     // show image 
    } 
?> 

<li class="item-thumbs span3 img"> 
    <!-- Fancybox - Gallery Enabled - Title - Full Image --> 
    <a class="hover-wrap fancybox" data-fancybox-group="gallery" 
     title="<?php echo $randomImage ?>" href="<?php echo $randomImage ?>"> 
    <span class="overlay-img"></span> 
    <span class="overlay-img-thumb font-icon-plus"></span> 
    </a> 
    <!-- Thumb Image and Description --> 
    <img src="<?php echo $randomImage ?>" alt="{Failed To Load Item Description}"> 
</li> 

該代碼塊中找到。我想要生成隨機圖像,並將它們顯示在格式良好的區域。現在,除了我需要自動生成此代碼以便用戶滾動時顯示更多內容之外,所有內容都能正常工作......就像Facebook在向下滾動時在牆上加載更多帖子一樣。我已經嘗試過很多腳本,但沒有一個爲我工作。

回答

0

ou查詢答案是:第一件事情*你必須在JavaScript中設置一個滾動處理程序,當用戶向上或向下滾動時將被觸發*你必須放置一個Ajax調用,當你滾動時會獲取結果 處理器將被調用*和最後一件事,使您的Ajax響應

但是你必須在滾動處理程序來管理用戶會向上或向下b/C,你需要的數據,每當用戶向下滾動

,所以我我把一些代碼示例,它使用jQuery

滾動處理

​​

}

在這個函數

function loadMore() { 
$(window).off("scroll", scrollHandler); 
$.ajax({ 
    url: "", 
    "data": '', 
    success: function() { 
     // render you ajax response 
     .... 
     $(window).scroll(scrollHandler); // call event handle after first result render 
    } 

}); 

}

//窗口加載後附加滾動事件

$(window).load(function() { 
    $(window).scroll(scrollHandler); 
}); 
放Ajax調用

只有剩下的邏輯是,你將如何確定有多少結果被加載和世界衛生大會的最後結果

這麼少的邏輯放在一個額外的參數,你最後會告訴你這是拉斯結果 和呼叫loadMore前(), 讀取該參數併發送回ajax調用。

+0

我讀過的東西確切地告訴我,但它不工作。要麼這只是不行,要麼我做錯了。在我瘋狂之前,你或者有人能夠將這個實現到我的代碼中嗎?我很難理解如何加載數據,如何定義要加載的內容。我開始工作的一個教程刪除了所有圖像,並用從url加載的另一個php文件中找到的字符串替換它們。**每次用戶滾動時,我只希望另外12個圖像加載到最後一行的下方。我找不到解釋如何實現這一點。謝謝。 –

+0

okey我可以幫助你,但我需要確切地瞭解你有什麼,你想申請什麼,作爲多少結果你想顯示etc.can我們過來聊天? – developerCK

+0

謝謝。如果你到這裏:http://192.119.43.239/你可以查看我正在使用的網站。有一個縮略圖圖標列表。這些縮略圖圖標將被隨機圖像替換,我用<?php echo $ randomImage?>加載。我希望網站在用戶向下滾動時自動加載12個隨機圖像(以前未顯示的圖像)。當沒有更多的圖片加載而沒有顯示重複的圖片時,我想要顯示一條消息,如「沒有更多內容,請上傳!」或類似的規定。另外,爲了以防萬一,我想要一個加載內容的按鈕 –