jQuery nanoGALLERY
Wersja: 5.1.0
Numer wersji wtyczki
Strona wtyczki
Oficjalna witryna wtyczki
Github
Repozytorium Github
Wersja jQuery: jquery >=1.7
Wersja jQuery z którą współpracuje plugin
Licencja: CC BY-NC 3.0
Licencja
Zobacz więcej
jQuery nanoGALLERY
Autor | Kris_B |
Wersja: | 5.1.0 |
Strona wtyczki: | Strona wtyczki |
Github: | Github |
Wersja jQuery: | jquery >=1.7 |
Licencja: | CC BY-NC 3.0 |
Zgłoś błąd: | Zgłoś błąd |
Data opublikowania: | 2014-09-16 |
Historia wersji
Wersja | Data publikacji |
---|---|
5.1.0 | 2014-09-16 |
5.0.3 | 2014-08-26 |
5.0.2 | 2014-08-12 |
5.0.1 | 2014-08-06 |
5.0.0 | 2014-07-28 |
4.4.2 | 2014-06-04 |
4.4.1 | 2014-05-20 |
4.4.0 | 2014-05-01 |
4.3.0 | 2014-04-03 |
4.2.1 | 2014-03-06 |
4.2.0 | 2014-03-03 |
4.1.0 | 2014-01-20 |
4.0.3 | 2013-12-10 |
4.0.2 | 2013-11-27 |
4.0.1 | 2013-11-20 |
3.3.0 | 2013-09-25 |
3.2.6 | 2013-09-02 |
3.2.2 | 2013-08-13 |
3.2.1 | 2013-07-05 |
3.2.0 | 2013-07-03 |
Plugin można dostosować do swojej strony www korzystając ze styli css oraz dostępnych opcji konfiguracji wtyczki.
Wtyczka galerii nanoGallery jest responsywna - skaluje się do rozdzielczości dowolnego ekranu urządzenia mobilnego czy stacjonarnego.
Dodatkowo umożliwia wyświetlanie fotografii bezpośrednio z serwisów takich jak Flickr, Picasa oraz albumów fotograficznych Google+.
Szczegółowe informacje na temat pluginu nanoGALLERY można znaleść na stronie autora lub w repozyturium Github wtyczki.
Tagi
Instalacja
- Biblioteki
- HTML
- JS
<link href="nanogallery_light.min.css" rel="stylesheet" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="jquery.nanogallery.min.js"></script>
<script src="jquery.nanogallerydemo.js"></script>
<div id="nanoGallery"></div>
$(document).ready(function () {
$("#nanoGallery").nanoGallery({
thumbnailWidth: 'auto',
thumbnailHeight: 250,
userID: '111186676244625461692', kind:'picasa',
album: '5911347863561293937',
colorScheme: 'none',
thumbnailHoverEffect: [{ name: 'labelAppear75', duration: 300 }],
theme: 'light',
thumbnailGutterWidth : 0,
thumbnailGutterHeight : 0,
i18n: { thumbnailImageDescription: 'View Photo', thumbnailAlbumDescription: 'Open Album' },
thumbnailLabel: { display: true, position: 'overImageOnMiddle', align: 'center' }
});
});