<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Image slideshow with vertical filmstrip</title>
<link rel="stylesheet" href="css/image-slideshow-vertical.css">
<script type="text/javascript" src="js/image-slideshow-vertical.js">
/************************************************************************************************************
(C) www.dhtmlgoodies.com, November 2005
This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website.
Terms of use:
You are free to use this script as long as the copyright message is kept intact. However, you may not
redistribute, sell or repost it without our permission.
Thank you!
www.dhtmlgoodies.com
Alf Magne Kalleland
************************************************************************************************************/
</script>
</head>
<body>
<div id="dhtmlgoodies_slideshow">
<div id="previewPane">
<img src="images/image1_big.jpg">
<span id="waitMessage">Loading image. Please wait</span>
<div id="largeImageCaption">This is the caption of image number 1</div>
</div>
<div id="galleryContainer">
<div id="arrow_up"><img src="images/arrow-up.gif" id="arrow_up_image"></div>
<div id="theImages">
<div>
<a href="#" onclick="showPreview('images/image1_big.jpg','1');return false"><img src="images/image1.jpg"></a>
<a href="#" onclick="showPreview('images/image2_big.jpg','2');return false"><img src="images/image2.jpg"></a>
<a href="#" onclick="showPreview('images/image3_big.jpg','3');return false"><img src="images/image3.jpg"></a>
<a href="#" onclick="showPreview('images/image4_big.jpg','4');return false"><img src="images/image4.jpg"></a>
<a href="#" onclick="showPreview('images/image5_big.jpg','5');return false"><img src="images/image5.jpg"></a>
<a href="#" onclick="showPreview('images/image6_big.jpg','6');return false"><img src="images/image6.jpg"></a>
<a href="#" onclick="showPreview('images/image7_big.jpg','7');return false"><img src="images/image7.jpg"></a>
<a href="#" onclick="showPreview('images/image8_big.jpg','8');return false"><img src="images/image8.jpg"></a>
<div class="imageCaption">This is the caption of image number 1</div>
<div class="imageCaption">This is the caption of image number 2</div>
<div class="imageCaption">This is the caption of image number 3</div>
<div class="imageCaption">This is the caption of image number 4</div>
<div class="imageCaption">This is the caption of image number 5</div>
<div class="imageCaption">This is the caption of image number 6</div>
<div class="imageCaption">This is the caption of image number 7</div>
<div class="imageCaption">This is the caption of image number 8</div>
<div id="slideEnd"></div>
</div>
</div>
<div id="arrow_down"><img src="images/arrow-down.gif" id="arrow_down_image"></div>
</div>
</div>
</body>
</html>
基于DHTML+js按vertical方向进行image-slideshow图片展示的程序代码
5星 · 超过95%的资源 需积分: 9 46 浏览量
2009-01-13
21:18:51
上传
评论
收藏 338KB ZIP 举报 
image-slideshow-vertical.zip （23个子文件） 
css 
image-slideshow-vertical.css 2KB
image-slideshow-vertical.html 3KB images 
image8_big.jpg 29KB image3.jpg 25KB
arrow-down.gif 462B arrow-up.gif 232B image5.jpg 23KB image2_big.jpg 51KB image4_big.jpg 18KB image7.jpg 23KB image1.jpg 22KB image8.jpg 23KB image5_big.jpg 33KB image2.jpg 23KB arrow-up-over.gif 261B image4.jpg 21KB image1_big.jpg 31KB image7_big.jpg 48KB image6.jpg 20KB arrow-down-over.gif 465B image6_big.jpg 20KB image3_big.jpg 56KB js image-slideshow-vertical.js 5KB资源评论
Linyanhua19902013-06-26下载错了，跟我要的有差距，不要材料还是不错的，学习了，，谢谢
