Phantom Touch Slider

(0.0)

Pantherius

Zobacz wszystkie pluginy tego autora

Wersja: 1.0.3

Numer wersji wtyczki

Dokumentacja

Sprawdź wszystkie opcje jakie oferuje plugin

Strona wtyczki

Oficjalna witryna wtyczki

Github

Repozytorium Github

Wersja jQuery: jquery >=1.5

Wersja jQuery z którą współpracuje plugin

Licencja: MIT

Licencja

Zobacz więcej

Autor	Pantherius
Wersja:	1.0.3
Dokumentacja:	Dokumentacja
Strona wtyczki:	Strona wtyczki
Github:	Github
Wersja jQuery:	jquery >=1.5
Licencja:	MIT
Zgłoś błąd:	Zgłoś błąd
Data opublikowania:	2014-07-02

Historia wersji

Wersja	Data publikacji
1.0.3	2014-07-02

Phantom Slider - lekki, mobilny i responsywny slider jQuery.
Posiada ponad 60 animacji w połączeniu z jQuery Easing. Posiada metody typu init, destroy, autoplay, next oraz previous pomocne przy sterowaniu sliderem za pomocą zewnętrznych elementów.
Biblioteka waży mniej niż 5kb.

Tagi

Instalacja

Biblioteki
CSS
HTML
JS

<link href="phantom.slider.css" rel="stylesheet" />

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script>
<script src="jquery.mobile.custom.min.js"></script>
<script src="phantom.slider.min.js"></script>

#slider-container{
	width: 800px;
	height: 500px;
	margin: 0 auto
}

<div id="slider-container">
	<ul class="slider phs">
		<li><img src="http://jquery.netid.pl/media/sample/700x500/1.jpg" alt="" /></li>
		<li><img src="http://jquery.netid.pl/media/sample/700x500/2.jpg" alt="" /></li>
		<li><img src="http://jquery.netid.pl/media/sample/700x500/3.jpg" alt="" /></li>
	</ul>
</div>

$(function(){
	$(".slider").phslider({
		'animation_time': 700,
		'easing': 'easeInOutQuint',
		'animation': 'slide',
		'title_time': 400,
		'title_easing': 'easeInOutBack',
		'controls': false,
		'autoplay': true
	});
})

Podobne

(0.0)

(6)

(0.0)

(0.0)

Inne tego autora

PageScroll jQuery Menu Plugin

(5)