yijs.ImagesView—带有缩略图的幻灯片组件（明河作品）

发布于，归属于jquery插件。 只剩下板凳啦！ 共有517人围观    

imagesview

实例中的图片来自于cssrain做的幻灯片demo。

这个bug存在些bug，js部分没做注释，先放出来，有兴趣的朋友可以下载试试，有发现bug可以给我留言，谢谢。

新的版本将在下周放出。

建立如下html结构：

  1. <div id="images">
  2.     <IMG src="images/02.jpg" largeImageSrc="images/2.jpg" title="一个海岛" text="美景如画的海景|天蓝海蓝" pic="2">
  3.     <IMG src="images/01.jpg" largeImageSrc="images/1.jpg" title="一片麦穗" text="春华秋实" pic="1">
  4.     <IMG src="images/03.jpg" largeImageSrc="images/3.jpg" title="一树绿叶" text="郁郁葱葱的生命" pic="3">
  5.     <IMG src="images/04.jpg" largeImageSrc="images/4.jpg" title="一棵大树" text="孤独的一棵老树|等谁呢？" pic="4">
  6. </div>

与《使用jquery制作滑动幻灯片》中的幻灯片结构基本上一样，不同的是加了个largeImageSrc属性，即大图路径。

初始化组件

  1. var ImagesView = new yijs.ImagesView({applyTo:'#images',
  2.                                              width:960,
  3.                                              height:240});
  4.         ImagesView.render();

ImagesView.js部分说明将在下一个版本加了注释后放出。

（如果您喜欢这篇教程，可以通过支付宝打赏我们1元哦，拜谢！）

跟作者说两句

:wink: :twisted: :roll: :oops: :mrgreen: :lol: :idea: :evil: :cry: :arrow: :?: :-| :-x :-o :-P :-? :) :( :!: 8-O 8)

只剩下板凳了！

  1. guny

    示例失效。

同类