Slider

Buy now  £29 Get support


  1. <html>
  2.     <head>
  3.         <title>Magic Scroll: Slider</title>
  4.        
  5.         <!-- link to magicscroll.css file -->      
  6.         <link rel="stylesheet" type="text/css" href="magicscroll/magicscroll.css" media="screen"/>      
  7.         <!-- link to magicscroll.js file -->
  8.         <script src="magicscroll/magicscroll.js" type="text/javascript"></script>
  9.         <script type="text/javascript">
  10.             MagicScroll.options = {
  11.                 'items': 0,
  12.                 'step': 1,
  13.                 'width': 700,
  14.                 'item-width': 125,
  15.                 'height': 120,
  16.                 'slider': 'bottom',
  17.                 'slider-size': '12%',
  18.                 'loop': 'restart',
  19.                 'duration': 500
  20.             };
  21.         </script>
  22.        
  23.     </head>
  24.     <body>
  25.        
  26.         <div class="MagicScroll msborder">
  27.             <a href="#"><img src="images/shoes1.jpg" /></a>
  28.             <a href="#"><img src="images/shoes2.jpg" /></a>
  29.             <a href="#"><img src="images/shoes3.jpg" /></a>
  30.             <a href="#"><img src="images/shoes4.jpg" /></a>
  31.             <a href="#"><img src="images/shoes5.jpg" /></a>
  32.             <a href="#"><img src="images/shoes6.jpg" /></a>
  33.             <a href="#"><img src="images/shoes7.jpg" /></a>
  34.             <a href="#"><img src="images/shoes8.jpg" /></a>
  35.             <a href="#"><img src="images/shoes9.jpg" /></a>
  36.             <a href="#"><img src="images/shoes10.jpg" /></a>
  37.             <a href="#"><img src="images/shoes11.jpg" /></a>
  38.             <a href="#"><img src="images/shoes12.jpg" /></a>
  39.         </div>
  40.        
  41.     </body>
  42. </html>