This week only. Pastebin PRO Accounts Christmas Special! Don't miss out!Want more features on Pastebin? Sign Up, it's FREE!
Guest

carousel2

By: a guest on Jul 20th, 2012  |  syntax: JavaScript  |  size: 1.67 KB  |  views: 23  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
This paste has a previous version, view the difference. Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1.   <script language="Javascript">
  2.         $(window).load(function() {
  3.                 $('.flexslider').flexslider({
  4.                         animation: 'fade',  
  5.                         slideshow: false,  
  6.                         slideshowSpeed: 8000,  
  7.                         animationDuration: 400,  
  8.                         directionNav: true,  
  9.                         controlNav: true,  
  10.                         prevText: '&lsaquo;&lsaquo;&lsaquo;',  
  11.                         nextText: '&rsaquo;&rsaquo;&rsaquo;',  
  12.                         pauseOnHover: true,  
  13.                         controlsContainer: '.carousel-nav',  
  14.                         manualControls: 'ul.manualControls li',  
  15.                         start: function(){balance_sidebar()},  
  16.                         after: function(){balance_sidebar()}  
  17.                 });  
  18.         });  
  19.         function balance_sidebar() { }  
  20. </script>  
  21.  
  22. **CSS**  
  23.     .carousel-nav{  
  24.         width:205px;  
  25.         margin:0 0 0 0;  
  26.         padding:0 0 5px 0;  
  27.         border-bottom:1px solid #ccc;  
  28.         float:left;  
  29.         font-weight:700;  
  30.         cursor:pointer;  
  31.         font-family:arial, helvetica, verdana, sans-serif;  
  32.         letter-spacing:0;  
  33. }
  34.  
  35. .carousel-nav ul{  
  36.         margin:0 0 0 0;  
  37.         padding:0;  
  38.         list-style:none;  
  39.         float:left;  
  40. height:12px;  
  41. overflow: hidden;  
  42. }  
  43.  
  44. .carousel-nav ul li{  
  45.         margin:0 0 0 0;  
  46.         padding:0;  
  47.         float:left;  
  48. }  
  49.  
  50. .carousel-nav ul.manualControls li{  
  51.         margin:0 15px 0 0;  
  52.         padding:0 0 5px 0;  
  53. }  
  54.  
  55. **HTML**  
  56.  
  57. <div class="carousel-nav">  
  58.      <ul class="manualControls">  
  59.     <li>
  60.       slide1
  61.     </li>  
  62.     <li>
  63.       slide2
  64.     </li>  
  65.     <li>
  66.       slide3
  67.     </li>  
  68.     <li>
  69.       slide4
  70.     </li>  
  71.     <li>
  72.       slide5
  73.     </li>  
  74.     <li>
  75.       slide6
  76.     </li>  
  77.     <li>
  78.       slide7
  79.     </li>  
  80.     <li>
  81.       slide8
  82.     </li>  
  83.     <li>
  84.       slide9
  85.     </li>  
  86.     <li>
  87.       slide10
  88.     </li>  
  89.     <li>
  90.       slide11
  91.     </li>  
  92.      </ul>  
  93.  </div>
clone this paste RAW Paste Data