【JavaScript】フォトギャラリープラグインMaterial Photo Gallery

Material Photo GalleryはJavaScriptフォトギャラリーのプラグイン。
ブラウザも最新のSafari、Firefox、Chromeもサポートされているようです。ライセンスはMIT。

Stylesheet

<link rel="stylesheet" href="material-photo-gallery.css" />

HTML

<div class="m-p-g">
<div class="m-p-g__thumbs" data-google-image-layout data-max-height="350">
<img src="http://unsplash.it/600/400?image=198" data-full="http://unsplash.it/1200/800?image=198" class="m-p-g__thumbs-img" />
<!-- Rest of your thumbnails... -->
</div>
<div class="m-p-g__fullscreen"></div>
</div>

Script

<script src="material-photo-gallery.min.js"></script>

Plugin

// Select gallery element.
var elem = document.querySelector('.m-p-g');
// Init gallery
var gallery = new Gallery(elem);
 
material-photo-gallery

【JavaScript】フォトギャラリープラグインMaterial Photo Gallery

  • LATEST
  • RELATED
  • POPULAR