Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!doctype html>
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title></title>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <script src="lib/jquery.min.js"></script>
- <script src="lib/swipe.js"></script>
- <script src="lib/jquery.bxslider.min.js"></script>
- <link href="lib/jquery.bxslider.css" rel="stylesheet" />
- </head>
- <body>
- <script type="text/javascript">
- $(document).ready(function(){
- window.slider = $('.bxslider').bxSlider({
- pagerCustom: '#thumbs'
- });
- window.thumbs = $('#thumbs').bxSlider({
- pager: false,
- nextSelector:"#next",
- nextText: " > ",
- prevSelector:"#prev",
- prevText: " < "
- });
- $("#shownav").click(function(){
- $("#nav").slideToggle("fast");
- });
- $("#book").click(function(){
- if($("#nav").is(":visible")){
- $("#nav").slideToggle("fast");
- }
- });
- window.gotoPage = function(pageNumber){
- window.slider.goToSlide(pageNumber);
- }
- });
- </script>
- <div id="nav">
- <ul id='thumbs'>
- <li><a data-slide-index="0" href=""><img src="aab_00001_full_0002.jpg" /></a></li>
- <li><a data-slide-index="1" href=""><img src="aab_00001_full_0001.jpg" /></a></li>
- <li><a data-slide-index="2" href=""><img src="aab_00001_full_0003.jpg" /></a></li>
- <li><a data-slide-index="0" href=""><img src="aab_00001_full_0002.jpg" /></a></li>
- <li><a data-slide-index="1" href=""><img src="aab_00001_full_0001.jpg" /></a></li>
- <li><a data-slide-index="0" href=""><img src="aab_00001_full_0002.jpg" /></a></li>
- <li><a data-slide-index="1" href=""><img src="aab_00001_full_0001.jpg" /></a></li>
- <li><a data-slide-index="2" href=""><img src="aab_00001_full_0003.jpg" /></a></li>
- <li><a data-slide-index="0" href=""><img src="aab_00001_full_0002.jpg" /></a></li>
- <li><a data-slide-index="1" href=""><img src="aab_00001_full_0001.jpg" /></a></li>
- <li><a data-slide-index="0" href=""><img src="aab_00001_full_0002.jpg" /></a></li>
- <li><a data-slide-index="1" href=""><img src="aab_00001_full_0001.jpg" /></a></li>
- <li><a data-slide-index="2" href=""><img src="aab_00001_full_0003.jpg" /></a></li>
- <li><a data-slide-index="0" href=""><img src="aab_00001_full_0002.jpg" /></a></li>
- <li><a data-slide-index="1" href=""><img src="aab_00001_full_0001.jpg" /></a></li>
- <li><a data-slide-index="0" href=""><img src="aab_00001_full_0002.jpg" /></a></li>
- <li><a data-slide-index="1" href=""><img src="aab_00001_full_0001.jpg" /></a></li>
- <li><a data-slide-index="2" href=""><img src="aab_00001_full_0003.jpg" /></a></li>
- <li><a data-slide-index="0" href=""><img src="aab_00001_full_0002.jpg" /></a></li>
- <li><a data-slide-index="1" href=""><img src="aab_00001_full_0001.jpg" /></a></li>
- <li><a data-slide-index="0" href=""><img src="aab_00001_full_0002.jpg" /></a></li>
- <li><a data-slide-index="1" href=""><img src="aab_00001_full_0001.jpg" /></a></li>
- <li><a data-slide-index="2" href=""><img src="aab_00001_full_0003.jpg" /></a></li>
- <li><a data-slide-index="0" href=""><img src="aab_00001_full_0002.jpg" /></a></li>
- <li><a data-slide-index="1" href=""><img src="aab_00001_full_0001.jpg" /></a></li>
- <li><a data-slide-index="0" href=""><img src="aab_00001_full_0002.jpg" /></a></li>
- <li><a data-slide-index="1" href=""><img src="aab_00001_full_0001.jpg" /></a></li>
- <li><a data-slide-index="2" href=""><img src="aab_00001_full_0003.jpg" /></a></li>
- <li><a data-slide-index="0" href=""><img src="aab_00001_full_0002.jpg" /></a></li>
- <li><a data-slide-index="1" href=""><img src="aab_00001_full_0001.jpg" /></a></li>
- <li><a data-slide-index="0" href=""><img src="aab_00001_full_0002.jpg" /></a></li>
- <li><a data-slide-index="1" href=""><img src="aab_00001_full_0001.jpg" /></a></li>
- <li><a data-slide-index="2" href=""><img src="aab_00001_full_0003.jpg" /></a></li>
- <li><a data-slide-index="0" href=""><img src="aab_00001_full_0002.jpg" /></a></li>
- <li><a data-slide-index="1" href=""><img src="aab_00001_full_0001.jpg" /></a></li>
- <li><a data-slide-index="0" href=""><img src="aab_00001_full_0002.jpg" /></a></li>
- <li><a data-slide-index="1" href=""><img src="aab_00001_full_0001.jpg" /></a></li>
- <li><a data-slide-index="2" href=""><img src="aab_00001_full_0003.jpg" /></a></li>
- <li><a data-slide-index="0" href=""><img src="aab_00001_full_0002.jpg" /></a></li>
- <li><a data-slide-index="1" href=""><img src="aab_00001_full_0001.jpg" /></a></li>
- </ul>
- <div id="prev" class="pagi"></div>
- <div id="next" class="pagi"></div>
- </div>
- <div id="shownav">Show Nav</div>
- <div id="book">
- <ul class="bxslider">
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li><img src="aab_00001_full_0001.jpg" /></li>
- <li><img src="aab_00001_full_0002.jpg" /></li>
- <li>
- <img name="aab_00001_full_0003" src="aab_00001_full_0003.jpg" width="1500" height="2008" id="aab_00001_full_0003" usemap="#m_aab_00001_full_0003" alt="" />
- <map name="m_aab_00001_full_0003" id="m_aab_00001_full_0003">
- <area shape="rect" coords="663,1518,1386,1914" href="javascript:window.gotoPage(10);" alt="" />
- <area shape="rect" coords="663,1004,1385,1502" href="javascript:window.gotoPage(13);" alt="" />
- <area shape="rect" coords="33,1004,638,1915" href="javascript:window.gotoPage(15);" alt="" />
- <area shape="rect" coords="779,281,1386,972" href="javascript:window.gotoPage(20);" alt="" />
- <area shape="rect" coords="132,255,750,972" href="javascript:window.gotoPage(9);" alt="" />
- </map>
- </li>
- </ul>
- </div>
- <style>
- #nav{
- display: none;
- position: absolute;
- top: 0px;
- left: 0px;
- background: #fff;
- z-index: 9999999;
- height: 227px;
- }
- #shownav{
- position: absolute;
- left: 0px;
- right: 0px;
- height: 30px;
- width: 100%;
- display: block;
- text-align: center;
- z-index: 99999;
- top: 0px;
- background: #333;
- color: #fff;
- line-height: 30px;
- }
- #nav .bx-viewport{
- height: 200px !important;
- }
- .pagi{
- margin: 20px;
- width: 30px;
- height: 30px;
- position: absolute;
- }
- #next{
- right: 0px;
- top: 50px;
- }
- #prev{
- left: 0px;
- top: 50px;
- }
- .pagi a{
- background: #8c1e03;
- color: #fff !important;
- text-decoration: none;
- display: block;
- text-align: center;
- width: 30px;
- height: 30px;
- }
- .bx-wrapper{
- margin: 10px !important;
- }
- .bx-wrapper img{
- display: block;
- margin: 0 auto;
- }
- #bx-pager > a, #bx-pager img{
- display: inline-block;
- vertical-align: middle;
- }
- #thumbs{
- height: 150px !important;
- }
- #thumbs li{
- width: 150px !important;
- }
- #thumbs img{
- width: 150px;
- }
- *{
- -moz-box-shadow: none !important;
- -webkit-box-shadow: none !important;
- box-shadow: none !important;
- border: none !important;
- }
- #book .bx-viewport{
- height: 1000px !important;
- }
- @media only screen and (min-width:960px) {
- #book .bx-viewport{
- height: 1260px !important;
- }
- }
- @media only screen and (min-width:1024px) {
- #book .bx-viewport{
- height: 1340px !important;
- }
- }
- </style>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement