Advertisement
guitarman0831

Untitled

Apr 14th, 2012
181
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <HTML>
  3. <HEAD>
  4.     <LINK REL="stylesheet" TYPE="text/css" MEDIA="screen" HREF="lib/css/jquery.content-panel-switcher.css"/>
  5.     <link href="lib/css/nivo-style.css" rel="stylesheet" type="text/css" />
  6.     <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></script>
  7.     <script type="text/javascript">
  8.         var $jq = jQuery.noConflict(true);
  9.     </script>
  10.     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  11.     <script type='text/javascript' src='lib/js/nivo.slider.pack.js'></script>
  12.     <SCRIPT TYPE='text/javascript' SRC="lib/js/jquery.content-panel-switcher.js"></SCRIPT>
  13.     <!-- Function for photos -->
  14.     <script type="text/javascript">
  15.     $jq(window).load(function() {
  16.     setTimeout(function(){
  17.     $('#slider').nivoslider({
  18.         effect:'random', //Specify sets like: 'fold,fade,sliceDown'
  19.         slices:15,
  20.         animSpeed:500, //Slide transition speed
  21.         pauseTime:3000,
  22.         startSlide:0, //Set starting Slide (0 index)
  23.         directionNav:true, //Next & Prev
  24.         directionNavHide:true, //Only show on hover
  25.         controlNav:true, //1,2,3...
  26.         controlNavThumbs:true, //Use thumbnails for Control Nav
  27.      controlNavThumbsFromRel:false, //Use image rel for thumbs
  28.         controlNavThumbsSearch: '.jpg', //Replace this with...
  29.         controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
  30.         keyboardNav:true, //Use left & right arrows
  31.         pauseOnHover:false, //Stop animation while hovering
  32.         manualAdvance:false, //Force manual transitions
  33.         captionOpacity:0.8, //Universal caption opacity
  34.         beforeChange: function(){},
  35.         afterChange: function(){},
  36.         slideshowEnd: function(){} //Triggers after all slides have been shown
  37.     });
  38.     }, 1000);
  39.     });
  40.     </script>
  41.     <!-- Function for nav -->
  42.     <script TYPE='text/javascript'>
  43.         $(document).ready(function() {
  44.         jcps.fader(350, '#switcher-panel');
  45.     });
  46.     </SCRIPT>
  47. </HEAD>
  48. <BODY>
  49.     <div id="content4-content" class="switcher-content">
  50.     <SECTION CLASS="containertwo" id="mainBody">
  51.     <DIV CLASS="photos">
  52.     <h1>Photos</h1>
  53.     <div id="slider" class="nivoslider">
  54.     <img src="lib/images/up.jpg" alt="">
  55.     <img src="lib/images/monstersinc.jpg" alt="">
  56.     <img src="lib/images/nemo.jpg" alt="">
  57.     <img src="lib/images/walle.jpg" alt="">
  58. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement