“jqFancyTransitions”滑块

A slider 具有多种独特之处 过渡 effects. 详细规格请访问官方 website: http: / /车间.rs / 2009/12 / image-gallery-with-fancy-过渡s-effects

JavaScript

我们应该包括jQuery framework 和jqFancyTransiotions.1.8.. Js中指向SRC属性 script 给它们贴上标签 .js files.

初始化 script 我们在section中放置. 你可能需要为你的图库设置宽度和高度. 这可以用下面的代码来完成:

$ (' # slideshowHolder ').jqFancyTransitions({width: 400, height: 300});

你也可以定义一些额外的参数:

效果:“波浪，拉链，窗帘。
宽度:500，//面板宽度
高度:332，//面板高度
strip: 20， //条带数
延迟:5000，//图像之间的延迟以毫秒为单位
stripDelay: 50， //条带间延迟(ms)
titleOpacity: 0.//标题的不透明度
titleSpeed: 1000， //以毫秒为单位的标题出现速度
位置:'交替'，//顶部，底部，交替，窗帘
方向:'fountainAlternate'， //左，右，alternate, random, fountain, fountainAlternate
导航:false， //上一个和下一个导航按钮
Links: false //将图像显示为链接

HTML

下面你可以看到一般 HTML script 表示:

如果您想为图像设置链接，那么代码将是这样的

CSS

# slideshowHolder {
  width:px;
  height:px;
  溢出:隐藏;
}