<!DOCTYPE html>
<html>
<head>
<title>TODO</title>
<meta charset="UTF-8">
<script src="https://cdnjs.cloudflare.com/ajax/libs/imageviewer/1.0.0/viewer.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/imageviewer/1.0.0/viewer.css">
</head>
<body onload="sample()">
<div id="image-gallery-1" class="cf">
<img src="http://ignitersworld.com/lab/assets/images/image_viewer/3.jpg" data-high-res-src="http://ignitersworld.com/lab/assets/images/image_viewer/3.jpg" alt="" class="gallery-items">
</div>
<?!= HtmlService.createHtmlOutputFromFile('sample').getContent(); ?>
</body>
</html>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
function sample(){
var viewer = ImageViewer();
$('.gallery-items').click(function () {
var imgSrc = this.src,
highResolutionImage = $(this).data('high-res-img');
viewer.show(imgSrc, highResolutionImage);
});
}
</script>
最終更新：2018年06月04日 02:31
