shahalom / uikit-slideshow

Simple slideshow for UI-kit

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

#Bixie UI-kit Slideshow

A simple slideshow for the awesome UI-kit framework

Watch the demo.

Usage:

<div data-bix-slideshow>
	<div>...</div>
	<div>...</div>
	<div>...</div>
</div>

Options:

delay: 	delay for slideshow. Default 5000
nav:	show dotnav navigation in bottom left corner. Default true
switch:	Type of effect to use to hide the previous slide, 'hide' or 'fade'. Default 'hide'

The previous slides will fade out, new slides are shown immediatly. For animations in the slide, use uk-animation-* and/or uk-scrollspy-* classes. Add the data-uk-observe attribute to trigger them after slide-changes.

<div data-bix-slideshow="{delay:7000}" data-uk-observe>
	<div>...</div>
	<div>...</div>
	<div>...</div>
</div>

Questions, remarks, additions in the issues.

About

Simple slideshow for UI-kit


Languages

Language:JavaScript 100.0%