CarouselThis
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
Wersja: 0.1.8
Numer wersji wtyczki
Zobacz więcej
CarouselThis
| Autor | manu |
| Dokumentacja: | Dokumentacja |
| Strona wtyczki: | Strona wtyczki |
| Github: | Github |
| Wersja jQuery: | jquery >=1.5 |
| Licencja: | MIT |
| Wersja: | 0.1.8 |
| Zgłoś błąd: | Zgłoś błąd |
| Data opublikowania: | 2013-02-18 |
Historia wersji
| Wersja | Data publikacji |
|---|---|
| 0.1.8 | 2013-02-18 |
| 0.1.6 | 2013-01-24 |
| 0.1.5 | 2013-01-24 |
| 0.1.4 | 2013-01-24 |
| 0.1.3 | 2013-01-23 |
Plugin można dostosować do swojej strony www korzystając ze styli css oraz dostępnych opcji konfiguracji wtyczki.
Działa idealnie na wszystkich przeglądarkach. Płynnie dostosowuje się do ekranu urządzeń mobilnych i desktopowych. Zoptymalizowany dla urządzeń z systemem Android i Ios.
Więcej informacji o CarouselThis można znaleść na stronie autora pluginu.
Tagi
Instalacja
- Biblioteki
- HTML
- JS
<link href="main.css" rel="stylesheet" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="carouselthis.jquery.js"></script>
<script src="jquery-easing.js"></script><div class="container">
<div class="carouselThis" id="carousel">
<div class="carouselThis-frame">
<!-- Frame -->
<ol>
<li>
<img src="http://jquery.netid.pl/media/sample/450x600/1.jpg" alt="" />
</li>
<li>
<img src="http://jquery.netid.pl/media/sample/450x600/2.jpg" alt="" />
</li>
<li>
<img src="http://jquery.netid.pl/media/sample/450x600/3.jpg" alt="" />
</li>
</ol>
<!-- /Frame -->
</div>
<a href="" class="black val-btn leftBtn" id="leftBtn">LEFT</a>
<nav id="fixedNavigation" class="fixedNavigation">
<a class="val-btn blue" href="">1</a>
<a class="val-btn blue" href="">2</a>
<a class="val-btn blue" href="">3</a>
</nav>
<a href="" class="black val-btn rightBtn" id="rightBtn">RIGHT</a>
</div>
</div>$(function(){
$('#carousel').carouselThis({
'easingMethod' : 'easeOutQuint',
'autoDelay' : 5000,
'navigation' : {
'type' : 'fixed',
'selector' : '#fixedNavigation',
'leftBtnId' : 'leftBtn',
'rightBtnId' : 'rightBtn'
}
});
})
