Slider Demos
Zippy Theme
with Louvers Animation
Easy Theme
with Page Effect
with Domino Animation
Options list. Use it on init slider:
var options = {
// OPTIONS LIST
"fade", // or
// effect: "effect name", example: "fade","blur"...
// effect: "name, name", example: "fade, blur..."
"", // prev button text
"", // next button text
1000, // duration of switching
2000, // delay between slides
captionDuration:
1000, // caption show duration
captionEffect:
'none', // = "none" | "fade" | "slide" | "move" | [{left1,top1,left2,top2,distance,easing},...]
left1,top1,left2,top2 = "INT%" || INT
distance = FLOAT - delay between caption parts = captionDuration*distance
easing = easing type, now support "linear|swing|easeInOutExpo|easeOutBack|easeOutElastic1|easeOutCirc" from /demos/effect/easing.html
960, // slider width (need for some effect only)
360, // slider height (need for some effect only)
thumbRate:
1, // scrolling speed and method: 0& scroll when approaching the limits, 0& smartscroll algorithm
2, // gestures support (swipe slides on touch or click)
// 0 - none
// 1 - devices
// 2 - all
true, // show caption
true, // show controls button (prev/next)
controlsThumb:
false, // array with thumb images inside controls
// (templates: Boundary, Dodgy, Utter)
// example ["image1.jpg", "image2.jpg", ...]
keyboardControl:
false, // use keyboard to control slides (?+? left arrow, ?+’ right arrow, space - play/pause)
scrollControl:
false, // use mouse ccroll to control slides
true, // auto play slides
autoPlayVideo:
false, // autoplay youtube/vimeo video
responsive:
1, // responsive
// 0 - no responsive
// 3 - full width and height slider
support: jQuery.fn.wowSlider.support, // browser support [transform, transition]
options.loop:
0, // cycles autoplay, Number.MAX_VALUE by default
stopOnHover:
0, // stop slideshow on mouse over
preventCopy:
1, // prevent image copy
playPause:
1, // - show play/pause controll
// startSlide:0 - number of the first slide
0, // on demand images loading
// example: [{src:"./image1.jpg",title:"1"},{src:"./image2.jpg",title:"2"}]
0, // reverse direction of some effects
0, // stop on current slide
// EVENTS LIST
// raised on before slide step, used to change the switch slides order
// @curIdx - current slide, @count - slides count
// @return - next slide number
onBeforeStep: function(curIdx,count){
// return curIdx+1 // next slide
// return curIdx-1 // prev slide - back order
// return (curIdx+1 + Math.floor((count-1)*Math.random())); // random order
// raised after step complete
onStep: function(index){
// console.log( 'New slide index: ' + index )
jQuery('#wowslider-container1').wowSlider(options);
// DOM API
var slider = jQuery('#wowslider-container1').get(0);
// restart playing
slider.wsRestart();
// go to another slider
// slider.wsStart(index, touch, direction);
// @index - index of next slide
// @touch - if touch action
// @direction - custom direction of effect
slider.wsStart(1, false, 1);
// go to next slide
slider.wsStart();
// stop autoplay
slider.wsStop();当前位置： >
>WowSlider:免费幻灯相册制作插件工具
网站详情来源：
收录时间：
名称： WowSlider:免费幻灯相册制作插件工具
英文网址：
WowSlider:免费幻灯相册制作插件工具是一个免费的jquery和js幻灯片相册制作插件工具，可以让你轻松的制作漂亮的相册展示效果。
一般地在首页或者一些重要的页面放上一个幻灯片，用来展示，突出重点，不仅美观大方，而且用户看了之后也会觉得赏心悦目，从产生了继续阅读博客或者网站的内容的兴趣。
放上一个幻灯片，一般分为分类:Flash类和js幻灯片。Flash有专门的制作软件，网上也有不少的一键生成，但是引擎不建议用它，应该Flash和图像一样，无法被搜索引擎正确地识别出来。
另一种就是用js做成幻灯片相册，虽然JS相对于文字来说依然对搜索引擎的SEO不是很友好，但是相对于使用Flash还是好的。所以现在或者网站大量采用JS做成的图片幻灯片相册。
学好和用好JS也不是一件容易的事情，但是这个世界就是有一些捷径可以让我们利用。今天免费资源部落为大家推荐的这款免费图像WOW Slider，可以帮助我们快速生成免费jquery和js幻灯片相册，Javascript白痴也可以完成。
WOW Slider是一款免费Javascript幻灯片制作工具，它以向导的形式，让你无需明白JS代码，只需拖进几张图片到WOW Slider软件窗口，简单设置一下尺寸、过渡效果等，点击发布即可，软件自动生成网页及JS，并会立即在浏览器中打开查看效果。
分享给小伙伴们：
赫赫无敌：探索互联网世界，收集和分享实用互联网资源，推荐国内和国外知名、实用、创新、科技、优质的站点资源！互联无极限，探索无止境；分享求真知，网络无国界！
本文地址:/topics/5281.html 转载请注明
同类站点推荐
