Permalink
Browse files

Initial commit.

  • Loading branch information...
gilbitron committed Oct 23, 2012
1 parent e6ac507 commit c8811a1a50a2f03fdc1f8e2b00d917b22ac26a7b
View
@@ -1,4 +1 @@
-Lean-Slider
-===========
-
A Lean and Progressive Free jQuery Image Slider
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en" class="no-js">
+<head>
+ <meta charset="utf-8" />
+
+ <title>Lean Slider Demo</title>
+
+ <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
+ <script src="scripts/modernizr-2.6.1.min.js"></script>
+
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
+ <script src="../lean-slider.js"></script>
+ <link rel="stylesheet" href="../lean-slider.css" type="text/css" />
+ <link rel="stylesheet" href="sample-styles.css" type="text/css" />
+</head>
+<body>
+
+ <div class="slider-wrapper">
+ <div id="slider">
+ <div class="slide1">
+ <img src="images/1.jpg" alt="" />
+ </div>
+ <div class="slide2">
+ <img src="images/2.jpg" alt="" />
+ </div>
+ <div class="slide3">
+ <img src="images/3.jpg" alt="" />
+ </div>
+ <div class="slide4">
+ <img src="images/4.jpg" alt="" />
+ </div>
+ </div>
+ <div id="slider-direction-nav"></div>
+ <div id="slider-control-nav"></div>
+ </div>
+
+ <script type="text/javascript">
+ $(document).ready(function() {
+ var slider = $('#slider').leanSlider({
+ directionNav: '#slider-direction-nav',
+ controlNav: '#slider-control-nav',
+ });
+ });
+ </script>
+
+</body>
+</html>
View
@@ -0,0 +1,83 @@
+/*
+ * Lean Slider Sample Styles
+ * http://dev7studios.com
+ */
+
+.slider-wrapper {
+ position: relative;
+ background: #fff;
+ -moz-box-shadow: 0 0 3px rgba(0,0,0,0.4);
+ -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.4);
+ box-shadow: 0 0 3px rgba(0,0,0,0.4);
+}
+.lean-slider { overflow: hidden; }
+.lean-slider-slide {
+ display: block;
+ position: relative;
+ opacity: 0;
+ -webkit-transition: opacity 0.6s linear;
+ -moz-transition: opacity 0.6s linear;
+ -ms-transition: opacity 0.6s linear;
+ -o-transition: opacity 0.6s linear;
+ transition: opacity 0.6s linear;
+}
+.lean-slider-slide.current { opacity: 1; }
+.lean-slider-slide img {
+ display: block;
+ width: 100%;
+}
+
+#slider-direction-nav {
+ position: absolute;
+ left: 0;
+ top: 47%;
+ width: 100%;
+ -webkit-transition: opacity 0.2s linear;
+ -moz-transition: opacity 0.2s linear;
+ -ms-transition: opacity 0.2s linear;
+ -o-transition: opacity 0.2s linear;
+ transition: opacity 0.2s linear;
+ opacity: 0.2;
+}
+.slider-wrapper:hover #slider-direction-nav { opacity: 1; }
+#slider-direction-nav a {
+ float: left;
+ display: block;
+ width: 26px;
+ height: 37px;
+ background: url(images/arrows.png) no-repeat 0 0;
+ text-indent: -9999px;
+}
+#slider-direction-nav .lean-slider-next {
+ float: right;
+ background-position: 100% 0;
+}
+
+#slider-control-nav {
+ position: absolute;
+ left: 0;
+ bottom: 10px;
+ width: 100%;
+ text-align: center;
+ -webkit-transition: opacity 0.2s linear;
+ -moz-transition: opacity 0.2s linear;
+ -ms-transition: opacity 0.2s linear;
+ -o-transition: opacity 0.2s linear;
+ transition: opacity 0.2s linear;
+ opacity: 0.2;
+}
+.slider-wrapper:hover #slider-control-nav { opacity: 1; }
+#slider-control-nav a {
+ display: inline-block;
+ width: 14px;
+ height: 14px;
+ background: url(images/bullets.png) no-repeat 0 0;
+ text-indent: -9999px;
+ margin: 0 3px;
+ -webkit-transition: none;
+ -moz-transition: none;
+ -ms-transition: none;
+ -o-transition: none;
+ transition: none;
+}
+#slider-control-nav a.active { background-position: 100% 0; }

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.
Oops, something went wrong.

0 comments on commit c8811a1

Please sign in to comment.