Image Rotator
Matthew Eagar
Wersja: 1.0.0
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
Image Rotator
| Autor | Matthew Eagar |
| Wersja: | 1.0.0 |
| Dokumentacja: | Dokumentacja |
| Strona wtyczki: | Strona wtyczki |
| Github: | Github |
| Wersja jQuery: | jquery >=1.5 |
| Licencja: | MIT |
| Data opublikowania: | 2013-11-25 |
Historia wersji
| Wersja | Data publikacji |
|---|---|
| 1.0.0 | 2013-11-25 |
Do tworzenia animacji wykorzystuje prosty efekt przenikania obrazów. Jej szybkość może być dostosowana przy użyciu opcji konfiguracji.
Działa idealnie na wszystkich przeglądarkach. Płynnie dostosowuje się do ekranu urządzeń mobilnych i desktopowych.
Szczegółowe informacje na temat pluginu Image Rotator można znaleść na stronie autora lub w repozyturium Github wtyczki.
Tagi
Instalacja
- Biblioteki
- CSS
- HTML
- JS
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="imagerotator.min.js"></script>div#imageRotator {
height: 500px;
width: 100%;
}
div#imageRotator img {
margin: auto;
max-width: 100%;
max-height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
<div id="imageRotator">
<img src="http://jquery.netid.pl/media/sample/700x500/1.jpg" alt="" />
<img src="http://jquery.netid.pl/media/sample/700x500/2.jpg" alt="" />
<img src="http://jquery.netid.pl/media/sample/700x500/3.jpg" alt="" />
</div>var $imageDiv = $("#imageRotator");
var $imageRotator = $imageDiv.imageRotator({
imageTime: 3000,
fadeTime: 2000
});
$imageRotator.start();
