【jQuery】画像やその他のHTMLコンテンツを表示するViewBox

jQuery

ViewBox

January 21, 2018

Viewboxは画像やその他のHTMLコンテンツを表示するためのjQueryプラグイン

CSS and Javascript

ViewBox CSS and Javascript

<link rel="stylesheet" href="viewbox.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="jquery.viewbox.min.js"></script>

Viewbox as Image Viewer

<a href="images/i1.jpg" class="image-link">
	<img src="images/i1-thumb.jpg" alt="">
</a>
<a href="images/i2.jpg" class="image-link" title="Image Title">
	<img src="images/i2-thumb.jpg" alt="">
</a>
<a href="images/i3.jpg" class="image-link">
	<img src="images/i3-thumb.jpg" alt="">
</a>

画像リンクのセットにメソッドを適用

$(function(){
	$('.image-link').viewbox();
});

MIT

Latest Posts

Related Posts