mirror of
https://github.com/myvesta/vesta.git
synced 2024-11-12 08:30:25 -08:00
48 lines
1.3 KiB
HTML
48 lines
1.3 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" />
|
|
|
|
<!--[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">Show lightbox!</a>
|
|
<br />
|
|
<a class="go" href="../test_image2.jpg">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>
|
|
|
|
<p class="info">
|
|
Use your scrollwheel or the zoom buttons to zoom in/out.
|
|
Click and drag to view other parts of the image when zoomed.
|
|
</p>
|
|
</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>
|