js图片库——改进版

《JavaScript+DOM编程艺术》一书作者给前端程序员的忠告：

1）留后路：在浏览器禁用js的时候基本功能要保证。href要设置成真实存在的url，慎用javascript伪协议，慎用弹窗。

2）分离javascript：js代码单独写入一个文件，减少它对html的依赖，在html中尽量去引用它，而不是直接插入js。

3）向后兼容：充分照顾旧版本的浏览器，在实现一些功能的时候多做判断。

在此基础上对小项目的修改（原来的版本：http://blog.csdn.net/lishichengyan/article/details/77759324）

1）html：

	
		
		
		
		
	
	
		
Famous Paintings
		

			

				
				Snowstorm
			
			

				
				Sunflowers
			
			

				
				Selfportrait
			
			

				
				Traveller
			
		
		
		
Choose an image.
	

2）css：

body{
	font-family:"Helvetica","Arial",serif;/*设置字体*/
	color:#333;
	background-color:#ccc;
	margin:1em 10%;/*设置四个边距，顺序是：上右下左*/
}
/*
h1{
	color:#333;
	background-color:transparent;
}
*/
a{
	color:#c60;
	background-color:transparent;
	font-weight:bold;
	text-decoration:none;
}

ul{
	padding:0;/*设置内边距*/
}
/*
li{
	float:left;
	padding:1em;
	list-style:none;
}
*/
#imagegallery{
	list-style:none;
}

#imagegallery li{
	display:inline;
}

#imagegallery li a img{
	border:0;
}

3）js：

window.οnlοad=function(){
	prepareGallery();
}

function prepareGallery(){
	if(!document.getElementsByTagName) return false;
	if(!document.getElementById) return false;
	if(!document.getElementById("imagegallery")) return false;
	var gallery=document.getElementById("imagegallery");
	var links=gallery.getElementsByTagName("a");
	for(var i=0;i

运行效果：