【思考】
把图片发布到网上有很多方式,但是简单地将所有图片都放在一个网页里,需要下载的数据量巨大,导致网页加载速度慢。我们必须面对一个现实:没有人愿意花很长的时间去加载一个网页。
【解决方法】
利用javascript来创建图片库:把整个图片库的浏览链接加载到无序列表中,并使用img标签加载一个占位符,当点击图片超链接时,将占位符的src修改为所点击的图片的超链接值。
【实现】
html代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Image Gallery</title>
<link rel="stylesheet" href="styles/layout.css" media="screen" />
</head>
<body>
<h1