Javascript

【Javascript】モバイル対応のJavascriptライトボックスGLightbox

December 10, 2017
GLightbox

GLightboxはモバイル対応のJavascriptライトボックス。画像、自動再生、インラインコンテンツ、iframeを持つ動画を扱うことができます

Installation

<link rel="stylesheet" href="dist/css/glightbox.css">
<script src="dist/js/glightbox.min.js"></script>

API

使用可能な方法は複数あります。

var myLightbox = GLightbox({
  'selector': 'glightbox',
  ......
});

// Go to a specific slide
myLightbox.goToSlide(2);

// Prev slide
myLightbox.prevSlide();

// Next slide
myLightbox.nextSlide();

// Get active slide. It will return the active node
myLightbox.getActiveSlide();

// Close the lightbox
myLightbox.close();

Browser Support

  1. Safari
  2. Mobile Safari
  3. Opera
  4. Edge
  5. Firefox
  6. Internet Explorer 11

MIT