API tools faq
paste
Advertisement
developerjustin

Untitled

developerjustin
Jun 27th, 2014
229
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 25.67 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.     <title></title>
  5.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6.     <script src="lib/jquery.min.js"></script>
  7.     <script src="lib/swipe.js"></script>   
  8.     <script src="lib/jquery.rwdImageMaps.min.js"></script>
  9.     <script src="lib/jquery.bxslider.min.js"></script>
  10.     <!--<script src="lib/jquery.lazyload.js"></script>-->
  11.     <link href="lib/jquery.bxslider.css" rel="stylesheet" />
  12. </head>
  13. <body>
  14.  
  15.  
  16.  
  17. <script type="text/javascript">
  18.     $(document).ready(function(){
  19.    
  20.    
  21.         $('img[usemap]').rwdImageMaps();
  22.                
  23.         window.slider = $('.bxslider').bxSlider({
  24.             pagerCustom: '#thumbs',
  25.             infiniteLoop: false,
  26.             preloadImages: 'visible',
  27.             hideControlOnEnd: true,
  28.             preventDefaultSwipeY:true,
  29.             onSlideBefore:function(currentSlide, totalSlides, currentSlideHtmlObject){
  30.                 $(window).scrollTop($(window).scrollTop()+1);
  31.             },
  32.             onSlideAfter: function(element, old, noo){
  33.                 $(window).scrollTop($(window).scrollTop()-1);
  34.                 $(".bxslider").children("li").eq(old).children("img").each(function(){
  35.                     $(this).attr("src","transparent.gif");
  36.                 });                
  37.                 $(".bxslider").children("li").eq(noo).children("img").each(function(){
  38.                     $(this).attr("src",$(this).attr("data-original"));
  39.                 });            
  40.             }
  41.         });
  42.        
  43.         window.thumbs = $('#thumbs').bxSlider({
  44.             pager: false,
  45.             nextSelector:"#next",
  46.             nextText: " > ",       
  47.             prevSelector:"#prev",
  48.             prevText: " < "        
  49.        
  50.         });    
  51.        
  52.         $("#shownav").click(function(){
  53.             $("#nav").slideToggle("fast");
  54.         });
  55.        
  56.         $("#home").click(function(){
  57.             window.gotoPage(0);
  58.         });    
  59.        
  60.         $("#book").click(function(){
  61.             if($("#nav").is(":visible")){
  62.                 $("#nav").slideToggle("fast");             
  63.             }          
  64.         });    
  65.        
  66.         window.gotoPage = function(pageNumber){
  67.             window.slider.goToSlide(pageNumber);
  68.         }      
  69.        
  70.        
  71.     });
  72. </script>
  73.  
  74. <div id="nav">
  75.     <ul id='thumbs'>
  76.        
  77.         <li><a data-slide-index="0" href=""><img src="thumbs/aab_00001_thumb_0001@2x.gif" /></a></li>
  78.         <li><a data-slide-index="1" href=""><img src="thumbs/aab_00001_thumb_0002@2x.gif" /></a></li>
  79.         <li><a data-slide-index="2" href=""><img src="thumbs/aab_00001_thumb_0003@2x.gif" /></a></li>
  80.         <li><a data-slide-index="3" href=""><img src="thumbs/aab_00001_thumb_0004@2x.gif" /></a></li>
  81.         <li><a data-slide-index="4" href=""><img src="thumbs/aab_00001_thumb_0005@2x.gif" /></a></li>
  82.         <li><a data-slide-index="5" href=""><img src="thumbs/aab_00001_thumb_0006@2x.gif" /></a></li>
  83.         <li><a data-slide-index="6" href=""><img src="thumbs/aab_00001_thumb_0007@2x.gif" /></a></li>
  84.         <li><a data-slide-index="7" href=""><img src="thumbs/aab_00001_thumb_0008@2x.gif" /></a></li>
  85.         <li><a data-slide-index="8" href=""><img src="thumbs/aab_00001_thumb_0009@2x.gif" /></a></li>
  86.         <li><a data-slide-index="9" href=""><img src="thumbs/aab_00001_thumb_00010@2x.gif" /></a></li>
  87.         <li><a data-slide-index="10" href=""><img src="thumbs/aab_00001_thumb_00011@2x.gif" /></a></li>
  88.         <li><a data-slide-index="11" href=""><img src="thumbs/aab_00001_thumb_00012@2x.gif" /></a></li>
  89.         <li><a data-slide-index="12" href=""><img src="thumbs/aab_00001_thumb_00013@2x.gif" /></a></li>
  90.         <li><a data-slide-index="13" href=""><img src="thumbs/aab_00001_thumb_00014@2x.gif" /></a></li>
  91.         <li><a data-slide-index="14" href=""><img src="thumbs/aab_00001_thumb_00015@2x.gif" /></a></li>
  92.         <li><a data-slide-index="15" href=""><img src="thumbs/aab_00001_thumb_00016@2x.gif" /></a></li>
  93.         <li><a data-slide-index="16" href=""><img src="thumbs/aab_00001_thumb_00017@2x.gif" /></a></li>
  94.         <li><a data-slide-index="17" href=""><img src="thumbs/aab_00001_thumb_00018@2x.gif" /></a></li>
  95.         <li><a data-slide-index="18" href=""><img src="thumbs/aab_00001_thumb_00019@2x.gif" /></a></li>
  96.         <li><a data-slide-index="19" href=""><img src="thumbs/aab_00001_thumb_00020@2x.gif" /></a></li>
  97.         <li><a data-slide-index="20" href=""><img src="thumbs/aab_00001_thumb_00021@2x.gif" /></a></li>
  98.         <li><a data-slide-index="21" href=""><img src="thumbs/aab_00001_thumb_00022@2x.gif" /></a></li>
  99.         <li><a data-slide-index="22" href=""><img src="thumbs/aab_00001_thumb_00023@2x.gif" /></a></li>
  100.         <li><a data-slide-index="23" href=""><img src="thumbs/aab_00001_thumb_00024@2x.gif" /></a></li>
  101.         <li><a data-slide-index="24" href=""><img src="thumbs/aab_00001_thumb_00025@2x.gif" /></a></li>
  102.         <li><a data-slide-index="25" href=""><img src="thumbs/aab_00001_thumb_00026@2x.gif" /></a></li>
  103.         <li><a data-slide-index="26" href=""><img src="thumbs/aab_00001_thumb_00027@2x.gif" /></a></li>
  104.         <li><a data-slide-index="27" href=""><img src="thumbs/aab_00001_thumb_00028@2x.gif" /></a></li>
  105.         <li><a data-slide-index="28" href=""><img src="thumbs/aab_00001_thumb_00029@2x.gif" /></a></li>
  106.         <li><a data-slide-index="29" href=""><img src="thumbs/aab_00001_thumb_00030@2x.gif" /></a></li>
  107.         <li><a data-slide-index="30" href=""><img src="thumbs/aab_00001_thumb_00031@2x.gif" /></a></li>
  108.         <li><a data-slide-index="31" href=""><img src="thumbs/aab_00001_thumb_00032@2x.gif" /></a></li>
  109.         <li><a data-slide-index="32" href=""><img src="thumbs/aab_00001_thumb_00033@2x.gif" /></a></li>
  110.         <li><a data-slide-index="33" href=""><img src="thumbs/aab_00001_thumb_00034@2x.gif" /></a></li>
  111.         <li><a data-slide-index="34" href=""><img src="thumbs/aab_00001_thumb_00035@2x.gif" /></a></li>
  112.         <li><a data-slide-index="35" href=""><img src="thumbs/aab_00001_thumb_00036@2x.gif" /></a></li>
  113.         <li><a data-slide-index="36" href=""><img src="thumbs/aab_00001_thumb_00037@2x.gif" /></a></li>
  114.         <li><a data-slide-index="37" href=""><img src="thumbs/aab_00001_thumb_00038@2x.gif" /></a></li>
  115.         <li><a data-slide-index="38" href=""><img src="thumbs/aab_00001_thumb_00039@2x.gif" /></a></li>
  116.         <li><a data-slide-index="39" href=""><img src="thumbs/aab_00001_thumb_00040@2x.gif" /></a></li>
  117.         <li><a data-slide-index="40" href=""><img src="thumbs/aab_00001_thumb_00041@2x.gif" /></a></li>
  118.         <li><a data-slide-index="41" href=""><img src="thumbs/aab_00001_thumb_00042@2x.gif" /></a></li>
  119.         <li><a data-slide-index="42" href=""><img src="thumbs/aab_00001_thumb_00043@2x.gif" /></a></li>
  120.         <li><a data-slide-index="43" href=""><img src="thumbs/aab_00001_thumb_00044@2x.gif" /></a></li>
  121.         <li><a data-slide-index="44" href=""><img src="thumbs/aab_00001_thumb_00045@2x.gif" /></a></li>
  122.         <li><a data-slide-index="45" href=""><img src="thumbs/aab_00001_thumb_00046@2x.gif" /></a></li>
  123.         <li><a data-slide-index="46" href=""><img src="thumbs/aab_00001_thumb_00047@2x.gif" /></a></li>
  124.         <li><a data-slide-index="47" href=""><img src="thumbs/aab_00001_thumb_00048@2x.gif" /></a></li>
  125.         <li><a data-slide-index="48" href=""><img src="thumbs/aab_00001_thumb_00049@2x.gif" /></a></li>
  126.         <li><a data-slide-index="49" href=""><img src="thumbs/aab_00001_thumb_00050@2x.gif" /></a></li>
  127.         <li><a data-slide-index="50" href=""><img src="thumbs/aab_00001_thumb_00051@2x.gif" /></a></li>
  128.         <li><a data-slide-index="51" href=""><img src="thumbs/aab_00001_thumb_00052@2x.gif" /></a></li>
  129.         <li><a data-slide-index="52" href=""><img src="thumbs/aab_00001_thumb_00053@2x.gif" /></a></li>
  130.         <li><a data-slide-index="53" href=""><img src="thumbs/aab_00001_thumb_00054@2x.gif" /></a></li>
  131.         <li><a data-slide-index="54" href=""><img src="thumbs/aab_00001_thumb_00055@2x.gif" /></a></li>
  132.         <li><a data-slide-index="55" href=""><img src="thumbs/aab_00001_thumb_00056@2x.gif" /></a></li>
  133.         <li><a data-slide-index="56" href=""><img src="thumbs/aab_00001_thumb_00057@2x.gif" /></a></li>
  134.         <li><a data-slide-index="57" href=""><img src="thumbs/aab_00001_thumb_00058@2x.gif" /></a></li>
  135.         <li><a data-slide-index="58" href=""><img src="thumbs/aab_00001_thumb_00059@2x.gif" /></a></li>
  136.         <li><a data-slide-index="59" href=""><img src="thumbs/aab_00001_thumb_00060@2x.gif" /></a></li>
  137.         <li><a data-slide-index="60" href=""><img src="thumbs/aab_00001_thumb_00061@2x.gif" /></a></li>
  138.         <li><a data-slide-index="61" href=""><img src="thumbs/aab_00001_thumb_00062@2x.gif" /></a></li>
  139.         <li><a data-slide-index="62" href=""><img src="thumbs/aab_00001_thumb_00063@2x.gif" /></a></li>
  140.         <li><a data-slide-index="63" href=""><img src="thumbs/aab_00001_thumb_00064@2x.gif" /></a></li>
  141.         <li><a data-slide-index="64" href=""><img src="thumbs/aab_00001_thumb_00065@2x.gif" /></a></li>
  142.         <li><a data-slide-index="65" href=""><img src="thumbs/aab_00001_thumb_00066@2x.gif" /></a></li>
  143.         <li><a data-slide-index="66" href=""><img src="thumbs/aab_00001_thumb_00067@2x.gif" /></a></li>
  144.         <li><a data-slide-index="67" href=""><img src="thumbs/aab_00001_thumb_00068@2x.gif" /></a></li>
  145.         <li><a data-slide-index="68" href=""><img src="thumbs/aab_00001_thumb_00069@2x.gif" /></a></li>
  146.         <li><a data-slide-index="69" href=""><img src="thumbs/aab_00001_thumb_00070@2x.gif" /></a></li>
  147.         <li><a data-slide-index="70" href=""><img src="thumbs/aab_00001_thumb_00071@2x.gif" /></a></li>
  148.         <li><a data-slide-index="71" href=""><img src="thumbs/aab_00001_thumb_00072@2x.gif" /></a></li>
  149.         <li><a data-slide-index="72" href=""><img src="thumbs/aab_00001_thumb_00073@2x.gif" /></a></li>
  150.         <li><a data-slide-index="73" href=""><img src="thumbs/aab_00001_thumb_00074@2x.gif" /></a></li>
  151.         <li><a data-slide-index="74" href=""><img src="thumbs/aab_00001_thumb_00075@2x.gif" /></a></li>
  152.         <li><a data-slide-index="75" href=""><img src="thumbs/aab_00001_thumb_00076@2x.gif" /></a></li>
  153.         <li><a data-slide-index="76" href=""><img src="thumbs/aab_00001_thumb_00077@2x.gif" /></a></li>
  154.         <li><a data-slide-index="77" href=""><img src="thumbs/aab_00001_thumb_00078@2x.gif" /></a></li>
  155.         <li><a data-slide-index="78" href=""><img src="thumbs/aab_00001_thumb_00079@2x.gif" /></a></li>
  156.         <li><a data-slide-index="79" href=""><img src="thumbs/aab_00001_thumb_00080@2x.gif" /></a></li>
  157.         <li><a data-slide-index="80" href=""><img src="thumbs/aab_00001_thumb_00081@2x.gif" /></a></li>
  158.         <li><a data-slide-index="81" href=""><img src="thumbs/aab_00001_thumb_00082@2x.gif" /></a></li>
  159.         <li><a data-slide-index="82" href=""><img src="thumbs/aab_00001_thumb_00083@2x.gif" /></a></li>
  160.         <li><a data-slide-index="83" href=""><img src="thumbs/aab_00001_thumb_00084@2x.gif" /></a></li>
  161.         <li><a data-slide-index="84" href=""><img src="thumbs/aab_00001_thumb_00085@2x.gif" /></a></li>
  162.         <li><a data-slide-index="85" href=""><img src="thumbs/aab_00001_thumb_00086@2x.gif" /></a></li>
  163.         <li><a data-slide-index="86" href=""><img src="thumbs/aab_00001_thumb_00087@2x.gif" /></a></li>
  164.         <li><a data-slide-index="87" href=""><img src="thumbs/aab_00001_thumb_00088@2x.gif" /></a></li>
  165.         <li><a data-slide-index="88" href=""><img src="thumbs/aab_00001_thumb_00089@2x.gif" /></a></li>
  166.         <li><a data-slide-index="89" href=""><img src="thumbs/aab_00001_thumb_00090@2x.gif" /></a></li>
  167.         <li><a data-slide-index="90" href=""><img src="thumbs/aab_00001_thumb_00091@2x.gif" /></a></li>
  168.         <li><a data-slide-index="91" href=""><img src="thumbs/aab_00001_thumb_00092@2x.gif" /></a></li>
  169.         <li><a data-slide-index="92" href=""><img src="thumbs/aab_00001_thumb_00093@2x.gif" /></a></li>
  170.         <li><a data-slide-index="93" href=""><img src="thumbs/aab_00001_thumb_00094@2x.gif" /></a></li>
  171.         <li><a data-slide-index="94" href=""><img src="thumbs/aab_00001_thumb_00095@2x.gif" /></a></li>
  172.         <li><a data-slide-index="95" href=""><img src="thumbs/aab_00001_thumb_00096@2x.gif" /></a></li>
  173.         <li><a data-slide-index="96" href=""><img src="thumbs/aab_00001_thumb_00097@2x.gif" /></a></li>
  174.         <li><a data-slide-index="97" href=""><img src="thumbs/aab_00001_thumb_00098@2x.gif" /></a></li>
  175.         <li><a data-slide-index="98" href=""><img src="thumbs/aab_00001_thumb_00099@2x.gif" /></a></li>
  176.         <li><a data-slide-index="99" href=""><img src="thumbs/aab_00001_thumb_000100@2x.gif" /></a></li>
  177.  
  178.     </ul>
  179.     <div id="prev" class="pagi"></div>
  180.    
  181.     <div id="next" class="pagi"></div>
  182. </div>
  183. <div id="shownav">
  184.     <img src="lib/grid.png"/>  
  185. </div>
  186. <div id="home">
  187.     <img src="lib/home.png"/>  
  188. </div>
  189. <div id="book">
  190.     <ul class="bxslider">
  191.  
  192.         <li>
  193.             <img name="aab_00001_full_0001" src="aab_00001_full_0001.jpg" usemap="#m_aab_00001_full_0001" alt="" />
  194.             <map name="m_aab_00001_full_0001" id="m_aab_00001_full_0001">
  195.                 <area shape="rect" coords="347,1730,1500,2008" href="javascript:window.gotoPage(86)" title="86" alt="86" />
  196.                 <area shape="rect" coords="0,1575,849,1730" href="javascript:window.gotoPage(33)" title="33" alt="33" />
  197.                 <area shape="rect" coords="0,1400,712,1575" href="javascript:window.gotoPage(51)" title="51" alt="51" />
  198.                 <area shape="rect" coords="0,1209,695,1400" href="javascript:window.gotoPage(41)" title="41" alt="41" />
  199.                 <area shape="rect" coords="0,452,750,1003" href="javascript:window.gotoPage(27)" title="27" alt="27" />
  200.             </map>
  201.         </li>
  202.         <li><img src="aab_00001_full_0002.jpg"/></li>
  203.         <li>
  204.         <img name="aab_00001_full_0003" src="aab_00001_full_0003.jpg" usemap="#m_aab_00001_full_0003" alt="" />
  205.         <map name="m_aab_00001_full_0003" id="m_aab_00001_full_0003">
  206.             <area shape="rect" coords="669,1518,1423,1931" href="javascript:window.gotoPage(59)" title="57" alt="57" />
  207.             <area shape="rect" coords="669,1004,1423,1502" href="javascript:window.gotoPage(27)" title="25" alt="25" />
  208.             <area shape="rect" coords="751,244,1401,1004" href="javascript:window.gotoPage(41)" title="39" alt="39" />
  209.             <area shape="rect" coords="0,1004,652,1918" href="javascript:window.gotoPage(51)" title="49" alt="49" />
  210.             <area shape="rect" coords="0,244,751,984" href="javascript:window.gotoPage(33)" title="31" alt="31" />
  211.         </map>
  212.         </li>
  213.         <li>
  214.         <img name="aab_00001_full_0004" src="aab_00001_full_0004.jpg" usemap="#m_aab_00001_full_0004" alt="" />
  215.         <map name="m_aab_00001_full_0004" id="m_aab_00001_full_0004">
  216.             <area shape="rect" coords="550,1600,978,1670" href="javascript:window.gotoPage(4)" alt="" />
  217.             <area shape="rect" coords="550,1464,978,1582" href="javascript:window.gotoPage(6)" alt="" />
  218.             <area shape="rect" coords="550,1354,978,1464" href="javascript:window.gotoPage(8)" alt="" />
  219.             <area shape="rect" coords="566,854,960,992" href="javascript:window.gotoPage(18)" alt="" />
  220.             <area shape="rect" coords="566,756,567,776" href="javascript:window.gotoPage(24)" alt="" />
  221.             <area shape="rect" coords="566,776,960,838" href="javascript:window.gotoPage(78)" alt="" />
  222.             <area shape="rect" coords="566,654,960,756" href="javascript:window.gotoPage(80)" alt="" />
  223.             <area shape="rect" coords="550,326,978,376" href="javascript:window.gotoPage(96)" alt="" />
  224.             <area shape="rect" coords="550,206,978,312" href="javascript:window.gotoPage(48)" alt="" />
  225.             <area shape="rect" coords="90,1568,478,1670" href="javascript:window.gotoPage(74)" alt="" />
  226.             <area shape="rect" coords="90,1450,478,1568" href="javascript:window.gotoPage(82)" alt="" />
  227.             <area shape="rect" coords="90,1354,478,1450" href="javascript:window.gotoPage(84)" alt="" />
  228.             <area shape="rect" coords="90,838,478,952" href="javascript:window.gotoPage(88)" alt="" />
  229.             <area shape="rect" coords="90,776,478,838" href="javascript:window.gotoPage(90)" alt="" />
  230.             <area shape="rect" coords="112,376,478,446" href="javascript:window.gotoPage(92)" alt="" />
  231.             <area shape="rect" coords="112,298,478,376" href="javascript:window.gotoPage(94)" alt="" />
  232.             <area shape="rect" coords="112,206,478,298" href="javascript:window.gotoPage(10)" alt="" />
  233.         </map>
  234.            
  235.         </li>
  236.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_0005.jpg"/></li>
  237.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_0006.jpg"/></li>
  238.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_0007.jpg"/></li>
  239.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_0008.jpg"/></li>
  240.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_0009.jpg"/></li>
  241.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00010.jpg"/></li>
  242.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00011.jpg"/></li>
  243.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00012.jpg"/></li>
  244.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00013.jpg"/></li>
  245.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00014.jpg"/></li>
  246.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00015.jpg"/></li>
  247.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00016.jpg"/></li>
  248.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00017.jpg"/></li>
  249.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00018.jpg"/></li>
  250.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00019.jpg"/></li>
  251.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00020.jpg"/></li>
  252.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00021.jpg"/></li>
  253.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00022.jpg"/></li>
  254.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00023.jpg"/></li>
  255.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00024.jpg"/></li>
  256.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00025.jpg"/></li>
  257.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00026.jpg"/></li>
  258.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00027.jpg"/></li>
  259.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00028.jpg"/></li>
  260.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00029.jpg"/></li>
  261.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00030.jpg"/></li>
  262.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00031.jpg"/></li>
  263.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00032.jpg"/></li>
  264.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00033.jpg"/></li>
  265.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00034.jpg"/></li>
  266.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00035.jpg"/></li>
  267.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00036.jpg"/></li>
  268.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00037.jpg"/></li>
  269.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00038.jpg"/></li>
  270.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00039.jpg"/></li>
  271.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00040.jpg"/></li>
  272.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00041.jpg"/></li>
  273.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00042.jpg"/></li>
  274.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00043.jpg"/></li>
  275.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00044.jpg"/></li>
  276.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00045.jpg"/></li>
  277.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00046.jpg"/></li>
  278.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00047.jpg"/></li>
  279.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00048.jpg"/></li>
  280.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00049.jpg"/></li>
  281.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00050.jpg"/></li>
  282.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00051.jpg"/></li>
  283.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00052.jpg"/></li>
  284.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00053.jpg"/></li>
  285.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00054.jpg"/></li>
  286.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00055.jpg"/></li>
  287.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00056.jpg"/></li>
  288.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00057.jpg"/></li>
  289.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00058.jpg"/></li>
  290.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00059.jpg"/></li>
  291.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00060.jpg"/></li>
  292.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00061.jpg"/></li>
  293.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00062.jpg"/></li>
  294.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00063.jpg"/></li>
  295.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00064.jpg"/></li>
  296.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00065.jpg"/></li>
  297.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00066.jpg"/></li>
  298.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00067.jpg"/></li>
  299.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00068.jpg"/></li>
  300.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00069.jpg"/></li>
  301.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00070.jpg"/></li>
  302.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00071.jpg"/></li>
  303.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00072.jpg"/></li>
  304.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00073.jpg"/></li>
  305.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00074.jpg"/></li>
  306.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00075.jpg"/></li>
  307.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00076.jpg"/></li>
  308.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00077.jpg"/></li>
  309.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00078.jpg"/></li>
  310.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00079.jpg"/></li>
  311.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00080.jpg"/></li>
  312.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00081.jpg"/></li>
  313.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00082.jpg"/></li>
  314.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00083.jpg"/></li>
  315.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00084.jpg"/></li>
  316.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00085.jpg"/></li>
  317.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00086.jpg"/></li>
  318.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00087.jpg"/></li>
  319.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00088.jpg"/></li>
  320.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00089.jpg"/></li>
  321.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00090.jpg"/></li>
  322.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00091.jpg"/></li>
  323.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00092.jpg"/></li>
  324.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00093.jpg"/></li>
  325.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00094.jpg"/></li>
  326.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00095.jpg"/></li>
  327.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00096.jpg"/></li>
  328.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00097.jpg"/></li>
  329.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00098.jpg"/></li>
  330.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_00099.jpg"/></li>
  331.         <li><img src="transparent.gif" class="lazy" data-original="aab_00001_full_000100.jpg"/></li>
  332.     </ul>
  333. </div>
  334. <style>
  335.  
  336.     #nav{
  337.         display: none;
  338.         position: absolute;
  339.         top: 0px;
  340.         left: 0px;
  341.         background: #fff;
  342.         z-index: 9999999;
  343.         height: 227px;
  344.         box-shadow: 0px 2px 5px #000 !important;
  345.     }
  346.    
  347.     #home{
  348.         position: absolute;
  349.         left: 40px;
  350.         padding: 10px;     
  351.         height: 40px;
  352.         width: 40px;
  353.         display: block;
  354.         text-align: center;
  355.         z-index: 99999;
  356.         top: 40px;
  357.         background: #333;
  358.         color: #fff;
  359.         line-height: 30px;
  360.         box-shadow: 0px 0px 3px #000 !important;
  361.     }
  362.     #home img{
  363.         width: 40px;
  364.     }  
  365.    
  366.     #shownav{
  367.         position: absolute;
  368.         right: 40px;
  369.         padding: 10px;     
  370.         height: 40px;
  371.         width: 40px;
  372.         display: block;
  373.         text-align: center;
  374.         z-index: 99999;
  375.         top: 40px;
  376.         background: #333;
  377.         color: #fff;
  378.         line-height: 30px;
  379.         box-shadow: 0px 0px 3px #000 !important;
  380.     }
  381.     #shownav img{
  382.         width: 40px;
  383.     }
  384.    
  385.     #nav .bx-viewport{
  386.         height: 200px !important;
  387.     }
  388.    
  389.     .pagi{
  390.         margin: 20px;
  391.         width: 50px;
  392.         height: 50px;
  393.         position: absolute;
  394.         box-shadow: 0px 2px 3px #000 !important;
  395.     }
  396.  
  397.     #next{
  398.         right: 0px;
  399.         top: 50px;
  400.     }
  401.  
  402.     #prev{
  403.         left: 0px;
  404.         top: 50px;
  405.     }
  406.  
  407.     .pagi a{
  408.         background: #8c1e03;
  409.         color: #fff !important;
  410.         text-decoration: none;
  411.         display: block;
  412.         text-align: center;
  413.         width: 50px;
  414.         height: 50px;
  415.         line-height: 50px;
  416.         font-size: 30px;
  417.         font-weight: bold;     
  418.     }
  419.  
  420.     .bx-wrapper{
  421.         margin: 10px !important;
  422.     }
  423.        
  424.     .bx-wrapper img{
  425.         display: block;
  426.         margin: 0 auto;
  427.     }
  428.        
  429.     #bx-pager > a, #bx-pager img{
  430.         display: inline-block;
  431.         vertical-align: middle;
  432.     }
  433.     #thumbs{
  434.         height: 150px !important;
  435.     }
  436.     #thumbs li{
  437.         width: 150px !important;
  438.     }
  439.     #thumbs img{
  440.         width: 150px;
  441.     }
  442.    
  443.     *{
  444.         -moz-box-shadow: none !important;
  445.         -webkit-box-shadow: none !important;
  446.         box-shadow: none !important;
  447.         border: none !important;       
  448.     }
  449.    
  450.     #book .bx-viewport{
  451.         height: 1000px !important;
  452.     }
  453.    
  454.    
  455.    
  456.     @media only screen and (min-width:960px) {
  457.         #book .bx-viewport{
  458.             height: 1260px !important;
  459.         }  
  460.     }
  461.    
  462.     @media only screen and (min-width:1024px) {
  463.         #book .bx-viewport{
  464.             height: 1340px !important;
  465.         }  
  466.     }      
  467.  
  468. </style>
  469.  
  470. </body>
  471. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!