Html
    Css
    Js

    
                        
* {
	padding:0px
}
#gallery img {
	border:none;
}
#gallery_nav {
	float:left;
	width:112px;
	text-align:center;
}
#gallery_nav a {
	display:block;
	height:82px;
}
#gallery_nav img {
	width:110px;
	height:80px;
}
#gallery_output {
	float:left;
	width:600px;
	overflow:hidden;
}
#gallery_output img {
	display:block;
	margin:0px auto 0 auto;
}
.on {
	border:1px solid rgba(92,92,92,1.00);
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.10.2
 立即下载

jQuery点击小图大图动态切换

0