ernproducts

filteredtbt

Apr 12th, 2012
98
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 8.70 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <script type='text/javascript' src='http://themetrust.com/demos/filtered/wp-includes/js/jquery/jquery.js'></script>
  6. <script type='text/javascript' src='http://themetrust.com/demos/filtered/wp-content/themes/filtered/scripts/slideshow/jquery.nivo.slider.pack.js'></script>
  7. <link rel='stylesheet' id='slideshow_custom-css'  href='http://themetrust.com/demos/filtered/wp-content/themes/filtered/scripts/slideshow/custom-nivo-slider.css' type='text/css' media='all' />
  8. <link rel='stylesheet' id='slideshow_custom-css'  href='http://themetrust.com/demos/filtered/wp-content/themes/filtered/scripts/slideshow/nivo-slider.css' type='text/css' media='all' />
  9.  
  10.  
  11. <style type="text/css" media="screen">
  12.  
  13. body {padding: 30px 0 30px 0 !important;}
  14. #container {margin: 0 auto 60px auto !important;   
  15.     width: 960px;
  16.     margin: 0 auto;
  17.     background: #fff;
  18.     border: 1px solid #cccdce;
  19.     -webkit-border-radius: 10px;
  20.     -moz-border-radius: 10px;      
  21. }
  22. #slideshow {   
  23.     background: transparent;   
  24.     position: relative;
  25.     z-index: 1;
  26.     margin-bottom: 40px;   
  27.     border-bottom: 5px solid #ededed;
  28. }
  29.  
  30. #slideshow #slider a{  
  31.     display: block;
  32. }
  33.  
  34. #slideshow img {
  35.   display: block;
  36. }
  37.  
  38. #slideshowNav {
  39.     position: absolute;
  40.     bottom: 40px;
  41.     right: 0px;
  42.     z-index: 10;   
  43. }
  44.  
  45. #slideshowNavPager {
  46.     float: left;   
  47. }
  48.  
  49. #slideshowNav a {
  50.     width: 10px;
  51.     height: 10px;
  52.     background: transparent url(images/slideshow_nav.png) no-repeat;
  53.     display: block;
  54.     float: left;
  55.     margin: 0 6px 0 0;
  56.     cursor: pointer;
  57. }
  58.  
  59. #slideshowNav a span {
  60.     display: none;
  61. }
  62.  
  63. #slideshowNav a.activeSlide {
  64.     background: transparent url(images/slideshow_nav_active.png) no-repeat;
  65. }
  66.  
  67. #slideshowNav a:focus { outline: none; }
  68.  
  69. #slideshow {z-index: 1;}
  70.  
  71. </style>
  72.  
  73.  
  74.  
  75. </head>
  76.  
  77. <body>
  78.  
  79. <div id="container" class="clearfix">  
  80.  
  81.            
  82.     <div id="slideshow" class="clearfix">  
  83.     <div id="slider" class="clearfix nivoSlider" style="position: relative; height: 350px; background-image: url(http://themetrust.com/demos/filtered/wp-content/uploads/2011/02/ted_slide.jpg); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: no-repeat no-repeat; ">         
  84.        
  85.                    
  86.                  
  87.                                                                            
  88.                 <a href="http://themetrust.com/demos/filtered/?projects=minus-the-bear" rel="bookmark" class="nivo-imageLink" style="display: none; "><img src="http://themetrust.com/demos/filtered/wp-content/uploads/2011/02/bear_slide.jpg" alt="Minus the Bear" style="display: none; "></a>                  
  89.                                        
  90.                    
  91.                  
  92.                                                                            
  93.                 <a href="http://themetrust.com/demos/filtered/?projects=ted-leo" rel="bookmark" class="nivo-imageLink" style="display: none; "><img src="http://themetrust.com/demos/filtered/wp-content/uploads/2011/02/ted_slide.jpg" alt="Ted Leo" style="display: none; "></a>                 
  94.                                        
  95.                    
  96.                  
  97.                                                                            
  98.                 <a href="http://themetrust.com/demos/filtered/?projects=embassy" rel="bookmark" class="nivo-imageLink" style="display: block; "><img src="http://themetrust.com/demos/filtered/wp-content/uploads/2011/02/embassy_slide.jpg" alt="Embassy" style="display: none; "></a>                
  99.                                        
  100.                        
  101.        
  102.     <div class="nivo-caption" style="display: none; opacity: 1; ">
  103.     <p></p></div>
  104.     <div class="nivo-directionNav" style="display: none; ">
  105.     <a class="nivo-prevNav">Prev</a>
  106.     <a class="nivo-nextNav">Next</a></div>
  107.     <div class="nivo-controlNav">
  108.     <!--<a class="nivo-control" rel="0">1</a>
  109.     <a class="nivo-control" rel="1">2</a>
  110.     <a class="nivo-control active" rel="2">3</a>-->
  111.     </div>
  112.     <div class="nivo-slice" style="left: 0px; background-image: url(http://themetrust.com/demos/filtered/wp-content/uploads/2011/02/embassy_slide.jpg); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; height: 100%; width: 960px; opacity: 1; background-position: 0px 0%; background-repeat: no-repeat no-repeat; "></div>
  113.     <div class="nivo-slice" style="left: 80px; width: 80px; height: 0px; opacity: 0; background-image: url(http://themetrust.com/demos/filtered/wp-content/uploads/2011/02/embassy_slide.jpg); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: -80px 0%; background-repeat: no-repeat no-repeat; "></div>
  114.     <div class="nivo-slice" style="left: 160px; width: 80px; height: 0px; opacity: 0; background-image: url(http://themetrust.com/demos/filtered/wp-content/uploads/2011/02/embassy_slide.jpg); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: -160px 0%; background-repeat: no-repeat no-repeat; "></div>
  115.     <div class="nivo-slice" style="left: 240px; width: 80px; height: 0px; opacity: 0; background-image: url(http://themetrust.com/demos/filtered/wp-content/uploads/2011/02/embassy_slide.jpg); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: -240px 0%; background-repeat: no-repeat no-repeat; "></div>
  116.     <div class="nivo-slice" style="left: 320px; width: 80px; height: 0px; opacity: 0; background-image: url(http://themetrust.com/demos/filtered/wp-content/uploads/2011/02/embassy_slide.jpg); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: -320px 0%; background-repeat: no-repeat no-repeat; "></div>
  117.     <div class="nivo-slice" style="left: 400px; width: 80px; height: 0px; opacity: 0; background-image: url(http://themetrust.com/demos/filtered/wp-content/uploads/2011/02/embassy_slide.jpg); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: -400px 0%; background-repeat: no-repeat no-repeat; "></div>
  118.     <div class="nivo-slice" style="left: 480px; width: 80px; height: 0px; opacity: 0; background-image: url(http://themetrust.com/demos/filtered/wp-content/uploads/2011/02/embassy_slide.jpg); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: -480px 0%; background-repeat: no-repeat no-repeat; "></div>
  119.     <div class="nivo-slice" style="left: 560px; width: 80px; height: 0px; opacity: 0; background-image: url(http://themetrust.com/demos/filtered/wp-content/uploads/2011/02/embassy_slide.jpg); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: -560px 0%; background-repeat: no-repeat no-repeat; "></div>
  120.     <div class="nivo-slice" style="left: 640px; width: 80px; height: 0px; opacity: 0; background-image: url(http://themetrust.com/demos/filtered/wp-content/uploads/2011/02/embassy_slide.jpg); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: -640px 0%; background-repeat: no-repeat no-repeat; "></div>
  121.     <div class="nivo-slice" style="left: 720px; width: 80px; height: 0px; opacity: 0; background-image: url(http://themetrust.com/demos/filtered/wp-content/uploads/2011/02/embassy_slide.jpg); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: -720px 0%; background-repeat: no-repeat no-repeat; "></div>
  122.     <div class="nivo-slice" style="left: 800px; width: 80px; height: 0px; opacity: 0; background-image: url(http://themetrust.com/demos/filtered/wp-content/uploads/2011/02/embassy_slide.jpg); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: -800px 0%; background-repeat: no-repeat no-repeat; "></div>
  123.     <div class="nivo-slice" style="left: 880px; width: 80px; height: 0px; opacity: 0; background-image: url(http://themetrust.com/demos/filtered/wp-content/uploads/2011/02/embassy_slide.jpg); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: -880px 0%; background-repeat: no-repeat no-repeat; "></div></div>
  124. </div>
  125.  
  126. <script type="text/javascript">
  127. jQuery(window).load(function() {
  128.     jQuery('#slider').nivoSlider({     
  129.             effect:'fade', //Specify sets like: 'fold,fade,sliceDown'
  130.             slices:12,         
  131.             pauseTime: 8000, //Slide transition speed          
  132.             captionOpacity:1, //Universal caption opacity
  133.             manualAdvance:false //Force manual transitions
  134.     });
  135. });
  136. </script>  
  137.  
  138. </div>
  139. </div>
  140.        
  141.                    
  142.  
  143.  
  144.  
  145. </body>
  146. </html>
Advertisement
Add Comment
Please, Sign In to add comment