HTML slider with some slice effects
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
demo 4 Feb 6, 2016
LICENSE 4 Feb 6, 2016 new demo url Feb 22, 2018
jquery.sliceslider.js 4 Feb 6, 2016
jquery.sliceslider.min.js 4 Feb 6, 2016


HTML slider with some slice effects

Demo page

var ss;
	ss=$('#sliceslider > figure').sliceslider({
		// default content panel position
		// also you can set position using data-position attribute
		// animation types
		,useMethod: [
		// randomize or not animation types
		,randomMethod: false
		// callback function for buttons highlight
		,onchange: function(i){
			var $ns=$('input.numButton');
<div id="sliceslider">
		<img src="images/img01.jpg" alt="" width="1000" height="450">
		<img src="images/img06.jpg" alt="" width="1000" height="450">
		<img src="images/img02.jpg" alt="" width="1000" height="450">
		<img src="images/img07.jpg" alt="" width="1000" height="450">
		<figcaption data-position="bottom">Field</figcaption>
		<img src="images/img04.jpg" alt="" width="1000" height="450">
		<figcaption data-position="left">Rose</figcaption>
		<img src="images/img08.jpg" alt="" width="1000" height="450">
<input type="button" value="previous slide" onclick="ss.prev()">
<input type="button" value="1" class="numButton selected" onclick="ss.showSlide(0)">
<input type="button" value="2" class="numButton" onclick="ss.showSlide(1)">
<input type="button" value="3" class="numButton" onclick="ss.showSlide(2)">
<input type="button" value="4" class="numButton" onclick="ss.showSlide(3)">
<input type="button" value="5" class="numButton" onclick="ss.showSlide(4)">
<input type="button" value="6" class="numButton" onclick="ss.showSlide(5)">
<input type="button" value="next slide" onclick="">
<input type="button" value="start slide show" onclick="ss.startNoTimeout()">
<input type="button" value="stop slide show" onclick="ss.stop()">


Copyright (c) 2015 Pavel Khoroshkov. Licensed under the MIT license.