Permalink
Browse files

Coined the term fadeshow.

  • Loading branch information...
mitio committed Aug 18, 2011
1 parent 05d7d42 commit 33e7224774b69c3cafe85d27b3f540df1f2df284
Showing with 11 additions and 11 deletions.
  1. +5 −5 README.md
  2. +3 −3 slideshow.css → fadeshow.css
  3. +1 −1 slideshow.js → fadeshow.js
  4. +2 −2 slideshow.scss → fadeshow.scss
View
@@ -4,21 +4,21 @@ This is a very minimal slideshow implementation which uses fading for the transi
## Usage
-To use this code, include `slideshow.js` and `slideshow.css` to your web page. If you use [SASS](http://sass-lang.com) and/or [Compass](http://compass-style.org/), you can use `slideshow.scss` directly.
+To use this code, include `fadeshow.js` and `fadeshow.css` to your web page. If you use [SASS](http://sass-lang.com) and/or [Compass](http://compass-style.org/), you can use `fadeshow.scss` directly.
-Note that the Slideshow depends on [jQuery](http://jquery.com/), so make sure you have jQuery included in your web page prior to including `slideshow.js`.
+Note that the Slideshow depends on [jQuery](http://jquery.com/), so make sure you have jQuery included in your web page prior to including `fadeshow.js`.
-After including the aforementioned assets, you can use the following code to embed a slideshow in your page:
+After including the aforementioned assets, you can use the following code to embed a fading slideshow in your page:
- <ul class="slideshow">
+ <ul class="fadeshow">
<li class="active"><img src="first-image.jpg" alt="First image" /></li>
<li><img src="second-image.jpg" alt="Second image" /></li>
<li><img src="third-image.jpg" alt="Third image" /></li>
</ul>
## Bugs and feature-requests
-Please use the [Github issue tracker](http://github.com/mitio/jquery-slideshow/issues) for this project.
+Please use the [Github issue tracker](http://github.com/mitio/jquery-fadeshow/issues) for this project.
## Patches
@@ -1,11 +1,11 @@
-ul.slideshow {
+ul.fadeshow {
display: block;
position: relative;
list-style: none;
padding: 0;
margin: 0;
cursor: pointer; }
- ul.slideshow li {
+ ul.fadeshow li {
padding: 0;
margin: 0;
position: absolute;
@@ -14,5 +14,5 @@ ul.slideshow {
left: 0;
right: 0;
width: 100%; }
- ul.slideshow li.active {
+ ul.fadeshow li.active {
display: block; }
@@ -3,7 +3,7 @@ jQuery(function($) {
var animationDuration = 1000,
singleSlideDuration = 4000;
- var $lists = $('ul.slideshow'),
+ var $lists = $('ul.fadeshow'),
timer;
var next = function () {
@@ -1,4 +1,4 @@
-ul.slideshow {
+ul.fadeshow {
display: block;
position: relative;
list-style: none;
@@ -20,4 +20,4 @@ ul.slideshow {
display: block;
}
}
-}
+}

0 comments on commit 33e7224

Please sign in to comment.