这里的“两个并存”的目的是,当项目中已经存在一个HighSlide类并且调用hs.expand(this, paras)时paras中不含有 slideshowGroup 参数时,要不影响它们按原法调用,同时能够创建新的样式的HighSlide展示。
没有找到更好的办法,本人就是复制一份highslide-full.js,重命名为highslide-full-new.js,包含到<head>和</head>内。
然后将highslide-full-new.js的
1、“if(!hs){ var hs=…”中的”hs“改成” hsNew“;
替换文件中所有的”hs.“和”hs[“分别为”hsNew.“和”hsNew[“;
2、将含有许多”<div>“标签的那两段代码中的hsNew.lang替换成hs.lang(不知为何);
3、然后在<head>与</head> 中间另一个HighSlide类的配置代码的后面,加入新的配置代码(这里用的是修改版的 Horizontal thumbstrip at the bottom, white rounded 样式)
如下:
hsNew.graphicsDir = '/Scripts/Reference/highslide/graphics/';
hsNew.align = 'center';
hsNew.transitions = ['expand', 'crossfade'];
hsNew.fadeInOut = true;
hsNew.dimmingOpacity = 0.8;
hsNew.outlineType = 'rounded-white';
//hsNew.captionEval = 'this.thumb.alt';
hsNew.marginBottom = 105; // make room for the thumbstrip and the controls
hsNew.numberPosition = 'caption';
// Add the slideshow providing the controlbar and the thumbstrip
hsNew.addSlideshow({
//slideshowGroup: 'group1',
interval: 5000,
repeat: false,
useControls: true,
overlayOptions: {
className: 'text-controls',
position: 'bottom center',
relativeTo: 'viewport',
offsetY: -60
},
thumbstrip: {
position: 'bottom center',
mode: 'horizontal',
relativeTo: 'viewport'
}
});
转自:http://bokeyy.com/web-programming/31.html
分享到:
相关推荐
highslide-gallery图片查看器
Highcharts-Highslide Highcharts-Highslide Highcharts-Highslide
这是一个很好的图片浏览特效,与lightbox特效相比,最大的优势在于它不需要将网页加载完就能加载特效了,可用在任何程序中。 浏览器兼容性: IE 8 beta 1 Works partly, waiting for more stable beta. IE 5.0...
多种highslide显示图片效果 效果多样,哈哈
图片浏览(放大、缩小)效果
highslide jquery 幻灯片插件(好用)highslide-4.1.7.zip
highslide,超强的网页编程插件,highslide,highslide,highslide,highslide
使用视觉Highslide编辑器来设置Highslide安装,无需编写代码。 快速而优雅。 不需要像Flash或Java插件。 弹出拦截器没有问题。打开浏览器窗口内活跃的内容。 单击。打开后的图像或HTML弹出,用户可以进一步滚动或离开...
ja_highslide用于joomla
highslide-4.1.8,Highslide JS is an open source image, media and gallery viewer written in JavaScript.
highslide弹出可移动层,层中内容可是图片或html内容
highslide-4.1.8图片特效控件 这个是最新版 刚弄到的 知道的就不要介绍了吧 不知道的下了觉不后悔。。
这是一个很漂亮的图片弹出样式,类似缩放效果。个人认为比Lightbox JS要好。 Highslide JS is an open source JavaScript software, offering a Web 2.0 approach to popup windows. It streamlines the use of ...
当我们有一块很大的文本要再textarea中显示,但是又碍于文本块太大,放下之后,影响我们的网站的整体布局。显示一部分却又让部分重要信息得不到展示。这时候,我们就想到了用HighSlider。
图片放大插件highslide(亲测ok含自己总结)有不懂的可以M我
highslide的图片显示效果很棒的,下了绝对不会后悔。 里面就有示例,不要担心你不会用。。。
highslide放大图片展示样例,js,css,jsp页面。highslide放大图片展示样例,js,css,jsp页面。
highslide-gallery
Highslide JS
【项目资源】:包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。...【项目质量】:所有源码都经过严格测试,可以直接...