有一组小图片,在小图片上方有个预览区,现在要想实现点一下小图片,就能在上方预览显示大图片

Question

有一组小图片,在小图片上方有个预览区,现在要想实现点一下小图片,就能在上方预览显示大图片

Answer 1

上网搜索一下这个“galleriffic” 他就是你想要的东西。

Answer 2

<input id="file" type="file" onfocus="javascript:ShowImage(this.value,document.getElementById('img'))"> 
<img id="img" STYLE="visibility:hidden" height="100px" width="100px"> <script language="javascript" type="text/javascript"> 
function ShowImage(value,img) 
{ 
  img.src=value; 
  img.alt="本地图片预览"; 
  img.style.visibility="visible"; 
} 
</script>

Answer 3

<center><img width=600 height=400 id="bigImg" /></center>
<center>
<img width=180 height=120 src="1.jpg" title="图片1的标题" onclick="viewIt(this);" />
<img width=180 height=120 src="2.jpg" title="图片2的标题" onclick="viewIt(this);" />
<img width=180 height=120 src="3.jpg" title="图片3的标题" onclick="viewIt(this);" />
<img width=180 height=120 src="4.jpg" title="图片4的标题" onclick="viewIt(this);" />
</center>
<script type="text/javascript">
function viewIt(it)
{
document.getElementById("bigImg").src=it.src;
document.getElementById("bigImg").title=it.title;
}
</script>

Answer 4

图片的效果比层切换简单多了，最起码不需要设置DISPLAY的显示切换，直接SRC，这点方便！

Answer 5

不知道是不是这种效果？
http://www.code-design.cn/eg/pics/如果是可以去这里下载
模仿163/qq图片浏览效果