作者dayoyo (龍麟再現風采)
看板Web_Design
標題[問題] bootstrap響應式網頁作次級內容網頁
時間Wed Feb 12 16:59:34 2014
請問各位前輩
http://themes.alessioatzeni.com/html/brushed/
在OUR WORK分成design、photograph、video部分
而all project會一次把上述三部分的圖片/影片"全部"顯示出來
他的寫法是一開始就load那三部分所有的圖片/影片
再寫一個filter當選單，看你是要看design、photograph或是video的東西
點進去時再分別顯示出來
我的問題是
由於是響應式網頁(one page)
如果我的圖片有100張要第一次就全部load會花太多時間
怎麼做可以一開始進入OUR WORK或是在all project時
只顯示design、photograph、video的第一張圖片做代表(就三張)
而譬如要看design其他圖片就必須點進去design才看的到(load)
index.html的連結
https://drive.google.com/file/d/0By0yUraEzazeVkJrTHpHVEN5MTg/edit?usp=sharing
其中第135~286就是our work的部分
感謝各位幫忙解答
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.132.3.227
1F：→ alog:網站/html/brushed/_include/js/main.js 或許有你要的答案 02/12 17:14
2F：→ kurtisgod:用ajax去load會不會比較快 02/12 19:34
3F：→ kurtisgod:第一個想法是用lazyload 但好像ajax比較實際 02/12 19:35