【免费】很艺术的JS相册播放器(点缩略图切换大图)资源-CSDN文库

共23个文件

jpg：16个

gif：4个

js：1个

JS相册播放器

3星 · 超过75%的资源需积分: 0 126 浏览量 2009-04-27 08:51:43 上传评论收藏 487KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

slideshowvertical.rar （23个子文件）

codefans.net

slideshowvertical

images

image5.jpg 18KB

image8_big.jpg 61KB

image6.jpg 2KB

image4.jpg 22KB

image1_big.jpg 44KB

image2.jpg 8KB

arrow-up.gif 232B

image5_big.jpg 38KB

image8.jpg 13KB

image3.jpg 6KB

image7.jpg 36KB

image3_big.jpg 26KB

image6_big.jpg 22KB

arrow-down-over.gif 465B

arrow-down.gif 462B

image7_big.jpg 104KB

image2_big.jpg 42KB

arrow-up-over.gif 261B

image1.jpg 12KB

image4_big.jpg 59KB

image-slideshow-vertical.js 4KB

css

image-slideshow-vertical.css 2KB

index.html 3KB

<html> <head> <title>Image slideshow -http://www.codefans.net</title> <link rel="stylesheet" href="css/image-slideshow-vertical.css">  <script type="text/javascript" src="js/image-slideshow-vertical.js"></script> </head> <body>by:<a href="http://www.codefans.net" target="_blank">codefans.net</a> <div id="slideshowvertical"> <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>

评论收藏

内容反馈