Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

By: a guest on Jul 17th, 2012  |  syntax: None  |  size: 1.47 KB  |  hits: 16  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.         <meta charset="utf-8">
  5.        
  6.         <title>Slides, A Slideshow Plugin for jQuery</title>
  7.        
  8.         <link rel="stylesheet" href="css/global.css">
  9.        
  10.         <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
  11.         <script src="http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js"></script>
  12.         <script src="js/slides.min.jquery.js"></script>
  13.         <script>
  14.                 $(function(){
  15.                         $('#slides').slides({
  16.                                 preload: true,
  17.                                 preloadImage: 'img/loading.gif',
  18.                                 play: 5000,
  19.                                 pause: 2500,
  20.                                 hoverPause: true
  21.                         });
  22.                 });
  23.         </script>
  24. </head>
  25. <body>
  26.         <div id="container">
  27.           <div id="example">
  28.             <div id="slides">
  29.                                 <div class="slides_container">
  30.                                         <img src="img/slide-1.jpg" width="590" height="393"></a>
  31.                                         <img src="img/slide-2.jpg" width="590" height="393"></a>
  32.                                         <img src="img/slide-3.jpg" width="590" height="393"></a>
  33.                                         <img src="img/slide-4.jpg" width="590" height="393"></a>
  34.                                         <img src="img/slide-5.jpg" width="590" height="393"></a>
  35.                                         <img src="img/slide-6.jpg" width="590" height="393"></a>
  36.                                         <img src="img/slide-7.jpg" width="590" height="393"></a>
  37.                                         <img src="img/slide-8.jpg" width="590" height="393"></a>
  38.                                        
  39.                                 </div>
  40.                                 <a href="#" class="prev"><img src="img/arrow-prev.png" width="24" height="43" alt="Arrow Prev"></a>
  41.                                 <a href="#" class="next"><img src="img/arrow-next.png" width="24" height="43" alt="Arrow Next"></a>
  42.                 </div>
  43.                                
  44.         </div>
  45. </body>
  46. </html>
create a new version of this paste RAW Paste Data