mirror of
https://github.com/serghey-rodin/vesta.git
synced 2024-12-26 22:11:13 -08:00
49 lines
1.5 KiB
HTML
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>
|