关于highslide的一点学习

一个开源的JS,关于图片,视屏等的显示,很cool。
[url]主页:http://highslide.com/[/url]
[url]参考:http://highslide.com/ref/[/url]
可视化编辑器:[url]http://highslide.com/editor/[/url]
可以用一下这个编辑器,体验一下。很不错。
研究了一下它的代码:只是有关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 设置颜色
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值