作者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