亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

求教一下大家,加載圖片時只加載有限張,點擊加載更多再加載其他圖片是怎么做到的?

求教一下大家,加載圖片時只加載有限張,點擊加載更多再加載其他圖片是怎么做到的?

比如有二十張圖片,一開始顯示出來五張,最下方顯示加載更多按鈕。點一下加載更多,就在原來基礎上再顯示五張圖片。這是怎么弄得呀,希望大家可以告訴我一下。謝謝。
查看完整描述

3 回答

已采納
?
堂堂堂堂糖糖糖童鞋

TA貢獻101條經驗 獲得超58個贊

動態加載:需要用到的前端技術有ajax,jQuery(js)

具體實現,

首先從數據庫加載相關的20張圖片路徑,然后放到標簽中顯示(可以通過分頁的方式)

其次就是記載更多了,頁面無刷新,通過jQuery,為按鈕追加點擊事件,觸發ajax操作,

//可以是這樣?
$.ajax({
????請求路徑
????method:"post",//請求方式
????data:{"times":times,"count":count},//請求參數
????dataType:"json",//返回數據類型
????success:function(data)?{
????????//通過jQuery追加數據到末尾就行了
????}
})

data:{"times":times,"count":count}解析:times為第幾次獲取數據,count為要獲取的數量

到數據庫就是這樣的查詢select * from _picture limit (20+(times-1)*count), count,(mysql中),只寫了關鍵的語句,把返回的數據通過jQuery操作就行了,如果不行的話,再問我!

查看完整回答
反對 回復 2016-01-21
?
從此蛻變

TA貢獻5條經驗 獲得超3個贊

var?dataInt_0={'data':[{'src':'1.jpg'},{'src':'2.jpg'},{'src':'3.jpg'},{'src':'4.jpg'},{'src':'5.jpg'}]};?
var?dataInt_1?=?...
$('body').on('click','body',function(){
????$.each(dataInt.data,?function(index,?value){
????????$('<img>').attr('src','./images/'?+?$(?value).attr(?'src')?).appendTo($(body));
????});
});


查看完整回答
1 反對 回復 2016-01-21
  • 3 回答
  • 1 關注
  • 4535 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號