关于highslide的一点学习

一个开源的JS，关于图片，视屏等的显示，很cool。
主页：http://highslide.com/
参考：http://highslide.com/ref/
可视化编辑器：http://highslide.com/editor/
可以用一下这个编辑器，体验一下。很不错。
研究了一下它的代码：只是有关gallery的。
我只知道两种添加自己HTML代码的方法：
（1）
highslide-with-gallery.js

在skin:  {controls:  }下面可以添加自己的HTML代码，那么代码就是集成在这个框架内的了，不过要特别的小心HTML中元素的布局问题，反正我是没彻底的搞明白，在各种浏览器中会有差别，在同一浏览器每次刷新的时候也不同。唉~

（2）
在主页面上用js，动态的添加（自己写function）。然后z-index这个属性就要设置啦，它本身框架的zIndexCounter : 1001。

----------------------------------------------------------------------

下面说说它的一些属性（当然在参考中都可以查到）：

（1）hs.targetX和hs.targetY可以设置图片被放大以后初始的定位位置。

（2）hs.addSlideshow{}就是关于那些小图片的啦，可以设置它们的显示方式。（展览室，这名字很贴切）

（3）在highslide-with-gallery.js中keyHandler下面可以控制键盘的事件。

（4）hs.dimmingOpacity设置图片放大以后背景的透明度，对应highslide.css中.highslide-dimming 设置颜色

（5）highshild.css中/*Styles for the thumbstrip.*/下面的属性设置是关于显示的“小图”的属性

其中：.highslide-thumbstrip .highslide-active-anchor img{}设置让“锚”移动到相应的图片时，这个“小图”的属性，把height设置一下，可以使得该小图片变化（有变大，变小 功能哦）

（6）hs.addSlideshow{repeat:false} repeat属性可以设置为 true,此时可以循环显示“展览室”中的图片

（7）hs.targetX和hs.targetY可以设置图片被放大以后初始的定位位置。
（8）hs.addSlideshow{}就是关于那些小图片的啦，可以设置它们的显示方式。（展览室，这名字很贴切）
（9）在highslide-with-gallery.js中keyHandler下面可以控制键盘的事件。
（10）hs.dimmingOpacity设置图片放大以后背景的透明度，对应highslide.css中.highslide-dimming 设置颜色