Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <HTML>
- <HEAD>
- <LINK REL="stylesheet" TYPE="text/css" MEDIA="screen" HREF="lib/css/jquery.content-panel-switcher.css"/>
- <link href="lib/css/nivo-style.css" rel="stylesheet" type="text/css" />
- <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></script>
- <script type="text/javascript">
- var $jq = jQuery.noConflict(true);
- </script>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
- <script type='text/javascript' src='lib/js/nivo.slider.pack.js'></script>
- <SCRIPT TYPE='text/javascript' SRC="lib/js/jquery.content-panel-switcher.js"></SCRIPT>
- <!-- Function for photos -->
- <script type="text/javascript">
- $jq(window).load(function() {
- setTimeout(function(){
- $('#slider').nivoslider({
- effect:'random', //Specify sets like: 'fold,fade,sliceDown'
- slices:15,
- animSpeed:500, //Slide transition speed
- pauseTime:3000,
- startSlide:0, //Set starting Slide (0 index)
- directionNav:true, //Next & Prev
- directionNavHide:true, //Only show on hover
- controlNav:true, //1,2,3...
- controlNavThumbs:true, //Use thumbnails for Control Nav
- controlNavThumbsFromRel:false, //Use image rel for thumbs
- controlNavThumbsSearch: '.jpg', //Replace this with...
- controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
- keyboardNav:true, //Use left & right arrows
- pauseOnHover:false, //Stop animation while hovering
- manualAdvance:false, //Force manual transitions
- captionOpacity:0.8, //Universal caption opacity
- beforeChange: function(){},
- afterChange: function(){},
- slideshowEnd: function(){} //Triggers after all slides have been shown
- });
- }, 1000);
- });
- </script>
- <!-- Function for nav -->
- <script TYPE='text/javascript'>
- $(document).ready(function() {
- jcps.fader(350, '#switcher-panel');
- });
- </SCRIPT>
- </HEAD>
- <BODY>
- <div id="content4-content" class="switcher-content">
- <SECTION CLASS="containertwo" id="mainBody">
- <DIV CLASS="photos">
- <h1>Photos</h1>
- <div id="slider" class="nivoslider">
- <img src="lib/images/up.jpg" alt="">
- <img src="lib/images/monstersinc.jpg" alt="">
- <img src="lib/images/nemo.jpg" alt="">
- <img src="lib/images/walle.jpg" alt="">
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement