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