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