アットウィキロゴ

odau

<!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