vesta/web/js/iviewer/test/lightbox-gallery/index.html
2015-05-29 02:07:55 +03:00

49 lines
1.5 KiB
HTML

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>iViewer lightbox example</title>
<!-- Lightbox example by Hay Kranen < http://github.com/hay > -->
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="../../jquery.iviewer.css" />
<!--[if lt IE 9 ]>
<style>
/* IE < 9 doesn't display the image for strange reasons... */
#iviewer .viewer {
display: block;
}
</style>
<![endif]-->
</head>
<body>
<a class="go" href="../test_image.jpg" rel="gallery">Show lightbox!</a>
<br />
<a class="go" href="../test_image2.jpg" rel="gallery">Show another lightbox!</a>
<div id="iviewer">
<div class="loader"></div>
<div class="viewer"></div>
<ul class="controls">
<li class="close"></li>
<li class="zoomin"></li>
<li class="zoomout"></li>
</ul>
<div class="info" >
<a href="#" id="prevLink" class="go" style="width: 40px;"><img src="img/btn_prev.png"></a>
<p id="imageCount"></p>
<a href="#" id="nextLink" class="go" style="width: 40px;"><img src="img/btn_next.png"></a>
</div>
</div>
<script type="text/javascript" src="../jquery.js" ></script>
<script type="text/javascript" src="../jqueryui.js" ></script>
<script type="text/javascript" src="../jquery.mousewheel.min.js" ></script>
<script type="text/javascript" src="../../jquery.iviewer.js" ></script>
<script src="main.js"></script>
</body>
</html>