https://github.com/fredwu/jquery-slideshow-lite
An extremely lightweight slideshow plugin for jQuery.
https://github.com/fredwu/jquery-slideshow-lite
Last synced: 9 months ago
JSON representation
An extremely lightweight slideshow plugin for jQuery.
- Host: GitHub
- URL: https://github.com/fredwu/jquery-slideshow-lite
- Owner: fredwu
- Created: 2009-12-02T06:47:36.000Z (over 16 years ago)
- Default Branch: master
- Last Pushed: 2012-03-28T00:10:08.000Z (about 14 years ago)
- Last Synced: 2025-04-09T05:06:22.802Z (about 1 year ago)
- Language: JavaScript
- Homepage: http://www.beyondcoding.com/2009/08/04/release-jquery-plugin-slideshow-lite/
- Size: 1.44 MB
- Stars: 14
- Watchers: 3
- Forks: 3
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Lightweight Slideshow plugin for jQuery [](http://coderwall.com/fredwu)
A while ago I was asked to make a simple slideshow. My initial thought was, there must be a ton of solutions available for jQuery, I could easily draw inspiration from them.
I was wrong. Whilst there are a few nicely done slideshow plugins for jQuery, the majority of them are either poorly written or far too complicated.
So, I decided to code my own plugin from the ground up. Meet __Slideshow Lite__!
## Configuration
There are a few options to customise the behaviour of this plugin:
Option
Type
Description
pauseSeconds
Float
Number of seconds between each photo to be displayed.
fadeSpeed
Float
Number of seconds for the fading transition, the value should not exceed `pauseSeconds`.
width
Integer
Width of the slideshow, in pixels.
height
Integer
Height of the slideshow, in pixels.
caption
Boolean
Display photo caption?
cssClass
String
Name of the CSS class, defaults to `slideshowlite`.
anchorTarger
String
Name for the target="_xxx" attribute, defaults to `_self`.
## Usage
``` js
// using default options
$("#slideshow").slideshow();
// using some custom options
$("#slideshow2").slideshow({
pauseSeconds: 4,
height: 200,
caption: false
});
```
## Demo
[Click here for a simple demo](http://fredwu.github.com/jquery-slideshow-lite/).
## Changelog
v0.8.1 [2011-07-19]
- Use HTML5's data attribute `data-seq` instead of `rel` to store sequence data.
v0.8.0 [2011-06-28]
- Added readme to the repository.
- Updated jQuery to 1.6.1.
v0.7.1 [2010-12-10]
- Pagination clicks should not cause the page to return to the top.
v0.7.0 [2010-12-07]
- Added `anchorTarget` option and fixed the way anchor tags are created.
v0.6.1 [2010-11-18]
- Code clean up.
v0.6.0 [2010-11-18]
- It now supports multiple slideshows targeted via DOM class selectors.
- Get rid of the use of children().
v0.5.4 [2010-11-12]
- Fixed a transition bug when there's only 2 images.
- Updated jQuery to 1.4.4.
v0.5.3 [2009-12-02]
- Added `fadeSpeed` for setting the transition speed.
v0.5.2 [2009-12-02]
- Repackaged to remove an unnecessary `.htaccess` file.
v0.5.1 [2009-12-02]
- Fixed some typo.
v0.5.0 [2009-12-02]
- Major rewrite: slides can now be clicked freely (as opposed to waiting for one to finish showing before it can be clicked again)
- Added automatic photo caption
v0.4.0 [2009-12-02]
- Code clean up.
- Added transparency effects to the navigation, to indicate when it is clickable.
- Added inline configuration documentation.
v0.3.0 [2009-12-02]
- Smoother animation.
v0.2.0 [2009-12-02]
- Fixed a navigation bug where the clicks no longer work after clicking on the current slideshow.
v0.1.0 [2009-12-02]
- Initial release.
## More jQuery Plugins
Check out my other jQuery plugins:
- [Endless Scroll](https://github.com/fredwu/jquery-endless-scroll) - Endless/infinite scrolling/pagination.
- [Inline Confirmation](https://github.com/fredwu/jquery-inline-confirmation) - One of the less obtrusive ways of implementing confirmation dialogues.
## License
Copyright (c) 2009-2012 Fred Wu
Dual licensed under the [MIT](http://www.opensource.org/licenses/mit-license.php) and [GPL](http://www.gnu.org/licenses/gpl.html) licenses.