Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <script type='text/javascript' src='http://themetrust.com/demos/filtered/wp-includes/js/jquery/jquery.js'></script>
- <script type='text/javascript' src='http://themetrust.com/demos/filtered/wp-content/themes/filtered/scripts/slideshow/jquery.nivo.slider.pack.js'></script>
- <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' />
- <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' />
- <style type="text/css" media="screen">
- body {padding: 30px 0 30px 0 !important;}
- #container {margin: 0 auto 60px auto !important;
- width: 960px;
- margin: 0 auto;
- background: #fff;
- border: 1px solid #cccdce;
- -webkit-border-radius: 10px;
- -moz-border-radius: 10px;
- }
- #slideshow {
- background: transparent;
- position: relative;
- z-index: 1;
- margin-bottom: 40px;
- border-bottom: 5px solid #ededed;
- }
- #slideshow #slider a{
- display: block;
- }
- #slideshow img {
- display: block;
- }
- #slideshowNav {
- position: absolute;
- bottom: 40px;
- right: 0px;
- z-index: 10;
- }
- #slideshowNavPager {
- float: left;
- }
- #slideshowNav a {
- width: 10px;
- height: 10px;
- background: transparent url(images/slideshow_nav.png) no-repeat;
- display: block;
- float: left;
- margin: 0 6px 0 0;
- cursor: pointer;
- }
- #slideshowNav a span {
- display: none;
- }
- #slideshowNav a.activeSlide {
- background: transparent url(images/slideshow_nav_active.png) no-repeat;
- }
- #slideshowNav a:focus { outline: none; }
- #slideshow {z-index: 1;}
- </style>
- </head>
- <body>
- <div id="container" class="clearfix">
- <div id="slideshow" class="clearfix">
- <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; ">
- <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>
- <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>
- <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>
- <div class="nivo-caption" style="display: none; opacity: 1; ">
- <p></p></div>
- <div class="nivo-directionNav" style="display: none; ">
- <a class="nivo-prevNav">Prev</a>
- <a class="nivo-nextNav">Next</a></div>
- <div class="nivo-controlNav">
- <!--<a class="nivo-control" rel="0">1</a>
- <a class="nivo-control" rel="1">2</a>
- <a class="nivo-control active" rel="2">3</a>-->
- </div>
- <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>
- <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>
- <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>
- <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>
- <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>
- <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>
- <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>
- <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>
- <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>
- <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>
- <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>
- <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>
- </div>
- <script type="text/javascript">
- jQuery(window).load(function() {
- jQuery('#slider').nivoSlider({
- effect:'fade', //Specify sets like: 'fold,fade,sliceDown'
- slices:12,
- pauseTime: 8000, //Slide transition speed
- captionOpacity:1, //Universal caption opacity
- manualAdvance:false //Force manual transitions
- });
- });
- </script>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment