×

Welcome to TagMyCode

Please login or create account to add a snippet.
1
0
 
0
Language: Javascript
Posted by: Wantoi OestKnut
Added: Jan 19, 2015 10:00 AM
Views: 27
Awesome slider with superpowers!

Download can be found @ https://developer.mozilla.org/en-US/demos/detail/slixes-superslide-on-steroids
  1. <!DOCTYPE html>
  2. <html lang="en" class="no-js">
  3. <head>
  4. <meta charset="UTF-8"/>
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <title>Slixes | Superslide on Steroids - effect 1</title>
  8. <meta name="description" content="Awesome slider with superpowers!">
  9. <link href="../../../fonts.googleapis.com/css-family=Raleway-200,400,600.css" rel='stylesheet' type='text/css'>
  10. <link rel="stylesheet" type="text/css" href="css/superstyle.css">
  11. <link rel="stylesheet" type="text/css" href="css/component.css">
  12. <script src="js/modernizr.custom.js"></script>
  13. </head>
  14. <body>
  15. <div class="container">
  16. <div id="boxgallery" class="boxgallery" data-effect="effect-1"><br/>
  17.         <div class="panel"><img src="img/3.jpg" alt="Superslide on SteroidsImage 3"/></div>
  18.         <div class="panel"><img src="img/4.jpg" alt="Superslide on Steroids Image 4"/></div>
  19.         <div class="panel"><img src="img/6.jpg" alt="Superslide on SteroidsImage 6"/></div>
  20.         <div class="panel"><img src="img/7.jpg" alt="Superslide on Steroids Image 7"/></div>
  21.         <div class="panel"><img src="img/1.jpg" alt="Superslide on Steroids Image 1"/></div>
  22.         <div class="panel"><img src="img/2.jpg" alt="Superslide on Steroids Image 2"/></div>
  23.      
  24.     </div>
  25.     <header class="codrops-header">
  26.         <h1>Slixes</h1>
  27.         <small>Superslide [on Steroids]</small>
  28.         <nav class="codrops-demos">
  29.             <a  class="current-demo">effect 1</a>
  30.             <a href="index2.html">effect 2</a>
  31.             <a href="index3.html">effect 3</a>
  32.         </nav>
  33.     </header>
  34. </div>
  35. <script src="js/classie.js"></script>
  36. <script src="js/boxesFx.js"></script>
  37. <script>new BoxesFx(document.getElementById('boxgallery'));</script>
  38. </body>
  39. </html>