我有很多图片在一个页面显示,就如同缩略图,然后点击图片,在新页面中显示此图的大图,这个html代码怎么写,如果只有一个我会写,直接<a href="">,但是我有很多,总不可能每一个都写一次吧。还有我那个图片展示页面是用<li>标签加<img>标签弄的,这个所用图片该用什么,如果直接用原图那么加载应该很慢吧,我是才学弄这个的,主要是要弄点东西,但是也不会深究,所以问的问题可能有点白痴,希望帮我解答下
1ãåç¬éæhtmlç½é¡µï¼æ 论å ä»ä¹å
容é½éè¦æå¨ä¸ä¸ªä¸ä¸ªåçï¼åªæä¸ä¸ªæ ç¹ä¹å¾æå¨å ä¸ã
2ãä¸æ³ä¸ä¸ªä¸ä¸ªåï¼é£åªè½éè¿ç¨åº+æ°æ®åºãææ°æ®åå°æ°æ®åºä¸ï¼ç¨ç¨åºä»£ç æ¹é读åºæ°æ®åºä¸çæ°æ®ãæ¯å¦ç¾åº¦ç¥éï¼ææå ç¾ä¸ä¸åä¸ä¸ªé¡µé¢ï¼ä¸å¯è½é½æå·¥ä¸ä¸ªä¸ä¸ªä¿®æ¹é¡µé¢çï¼é½æ¯ç¨åºã
3ãå ³äº<li>æ ç¾é®é¢ï¼è¿ä¸ªéè¦äºcssæ ·å¼ãå¨é¡µé¢å ä¸ä¸é¢ä»£ç
<style>
*{margin:0;padding:0;}
li{float:left;list-style:none;text-align:left;display:inline;overflow:hidden;}
</style>
4ãå¾çé®é¢ï¼é¡µé¢å¾çå¤ï¼æ好使ç¨å°å¾ï¼ç¼©ç¥å¾ï¼ã大å¾å½±åæ¾ç¤ºæ ¢ï¼å½±åç¨æ·ä½éªã
5ãç¨åºä¹å¥½ï¼html/cssä¹å¥½ï¼é½éè¦æ ¢æ ¢å¦ä¹ çãåªè¦å¦å°±è½ä¼ã
2ãä¸æ³ä¸ä¸ªä¸ä¸ªåï¼é£åªè½éè¿ç¨åº+æ°æ®åºãææ°æ®åå°æ°æ®åºä¸ï¼ç¨ç¨åºä»£ç æ¹é读åºæ°æ®åºä¸çæ°æ®ãæ¯å¦ç¾åº¦ç¥éï¼ææå ç¾ä¸ä¸åä¸ä¸ªé¡µé¢ï¼ä¸å¯è½é½æå·¥ä¸ä¸ªä¸ä¸ªä¿®æ¹é¡µé¢çï¼é½æ¯ç¨åºã
3ãå ³äº<li>æ ç¾é®é¢ï¼è¿ä¸ªéè¦äºcssæ ·å¼ãå¨é¡µé¢å ä¸ä¸é¢ä»£ç
<style>
*{margin:0;padding:0;}
li{float:left;list-style:none;text-align:left;display:inline;overflow:hidden;}
</style>
4ãå¾çé®é¢ï¼é¡µé¢å¾çå¤ï¼æ好使ç¨å°å¾ï¼ç¼©ç¥å¾ï¼ã大å¾å½±åæ¾ç¤ºæ ¢ï¼å½±åç¨æ·ä½éªã
5ãç¨åºä¹å¥½ï¼html/cssä¹å¥½ï¼é½éè¦æ ¢æ ¢å¦ä¹ çãåªè¦å¦å°±è½ä¼ã
温馨提示:答案为网友推荐,仅供参考