posted on:January 26, 2009
Easy Slider 15 The Easiest jQuery Plugin For Sliding Images and Content
Click here for the new version of this plugin
Version 1.5 of my Easy Slider plugin for jQuery is here. This is one of the my rare scripts that make it to their second version.
All of the features here are result of your comments, so if you have more ideas, keep ‘em coming!
Note: in case you haven’t already, you might want to check out article about first version of this plugin.
Features
This version features:
- auto slide
- continuous sliding
- "go to first" and "go to last" button
- hiding controls
- optional wrapping markup for control buttons
- vertical sliding
- multiple sliders on one page
Here are the things you can customize (with their default values)
prevId: 'prevBtn', prevText: 'Previous', nextId: 'nextBtn', nextText: 'Next', controlsShow: true, controlsBefore: '', controlsAfter: '', controlsFade: true, firstId: 'firstBtn', firstText: 'First', firstShow: false, lastId: 'lastBtn', lastText: 'Last', lastShow: false, vertical: false, speed: 800, auto: false, pause: 2000, continuous: false
I will explain new options:
controlsShow
By default set to true, but if set to false it will not add any controls. It can be used with auto scroll when you want to disable user interaction.
controlsBefore and controlsAfter
In case you want to add some additional markup to gain more control over buttons you can do so by using these parameters. Check out the demo where I use these options.
controlsFade
By default set to true. If set to false it will disable button hiding when slider reaches the end.
firstShow and lastShow
These parameters hide (or show) "go to first" and "go to last" buttons
auto
This option enables auto sliding, Just set it to true.
pause
This option is set in milliseconds and it represent the duration of each slide when plugin is set to auto sliding
continuous
If set to true clicking the next button when the slider reached the end will jump to the beginning (and vice-versa). Combining this option with auto (both set to true) you’ll get endless animation
Demos
I have prepared 5 demos, although I could have done zillions. Hopefully I will have the time to create more good demos as I continue to develop this plugin
- basic default non styled demo
- styled demo with default settings
- non styled demo with vertical scroll and visible "go to first" and "go to last" buttons
- styled demo with auto scroll and continuous sliding
- styled demo with multiple slider, image and content slider, with different settings (top one has auto slide while bottom one doesn’t)
Future
I already have some ideas about next versions (play/pause buttons, numbered pagination…) but I would also like you to share any idea you might have.
Enjoyed the article?
Then don't miss our next one! Subscribe to our RSS feed or share it with your friends.
Share on FacebookTweet thisDeliciousStumbleUpon RedditSubscribe
Comments (308 Comments)
Sorry, the comment form is closed at this time.
Sérgio Soaes
January 26, 2009
Erick
January 26, 2009
sOledad arismendi
January 26, 2009
Khaled
January 26, 2009
egohavoc
January 26, 2009
cssglobe
January 26, 2009
Michael
January 26, 2009
Alen B.
January 26, 2009
alain
January 27, 2009
Colin Scroggins
January 27, 2009
Will Paccione
January 27, 2009
Belinda Clemesha
January 27, 2009
Victor
January 27, 2009
Nicolas Borda
January 27, 2009
Liam Morley
January 27, 2009
David Hellmann
January 27, 2009
cssglobe
January 27, 2009
Markus
January 27, 2009
SSV
January 27, 2009
Rob
January 27, 2009
Jamie
January 27, 2009
Odin Horthe Omdalt
January 27, 2009
David
January 27, 2009
Geoserv
January 28, 2009
Nathan Eshraghi
January 28, 2009
Fabio
January 28, 2009
Rich
January 28, 2009
E11World
January 28, 2009
fatherb
January 28, 2009
WB
January 28, 2009
Max
January 29, 2009
joseph
January 29, 2009
joseph
January 29, 2009
Max
January 29, 2009
cssglobe
January 29, 2009
ah66533
January 29, 2009
dario-g
January 29, 2009
Rich
January 29, 2009
Lluria
January 29, 2009
kesc
January 29, 2009
kuba
January 29, 2009
Geoff
January 30, 2009
Rodney
January 30, 2009
Nicolas Borda
January 30, 2009
Drew
January 30, 2009
slickboyj
January 30, 2009
Garrett
January 31, 2009
psyhonut
January 31, 2009
Michal
February 2, 2009
inosense
February 2, 2009
andrewthong
February 2, 2009
Keith
February 3, 2009
Ben
February 4, 2009
Ben
February 4, 2009
Benny Risanto
February 5, 2009
Ben
February 5, 2009
Jack Boberg
February 5, 2009
Sigurbjörn
February 5, 2009
Andy
February 5, 2009
Ed
February 6, 2009
chris
February 6, 2009
James
February 7, 2009
?????
February 8, 2009
Greg
February 8, 2009
b
February 9, 2009
Stu | selfconclusion.co.uk
February 9, 2009
Garrett
February 10, 2009
Donna
February 10, 2009
mike
February 10, 2009
Stewart Goodwin
February 10, 2009
Vayu
February 11, 2009
Garrett
February 11, 2009
fredj
February 12, 2009
Jeff
February 12, 2009
kyle
February 14, 2009
Bix
February 15, 2009
Bix
February 15, 2009
GeraldS
February 15, 2009
Donna
February 16, 2009
ravex
February 16, 2009
Fernando
February 17, 2009
bix
February 17, 2009
Nick
February 18, 2009
rahim haji
February 18, 2009
ESP
February 18, 2009
Donna
February 19, 2009
Firenza
February 19, 2009
Danny
February 19, 2009
Jennae Petersen
February 19, 2009
Jennae Petersen
February 20, 2009
Fransnico
February 20, 2009
Lorne Pike
February 22, 2009
brian
February 22, 2009
Taylor Regan
February 23, 2009
Jared Crossley
February 23, 2009
Jared Crossley
February 23, 2009
GeraldS
February 23, 2009
Garrett
February 23, 2009
Chanie Pritchard
February 24, 2009
Jared Crossley
February 25, 2009
John Mac
February 25, 2009
Marc
February 26, 2009
Marc
February 26, 2009
Miguel
February 26, 2009
Zend
February 26, 2009
Pieter
February 26, 2009
Peter
February 28, 2009
Andreas
March 2, 2009
Andreas
March 2, 2009
George from Ohio
March 2, 2009
Brian from Minneapolis
March 3, 2009
Hesham from Egypt
March 4, 2009
Orlando Bennington
March 5, 2009
Kevin
March 5, 2009
Ravi Kotak
March 5, 2009
christopher Jack
March 6, 2009
Benjamin Reid
March 6, 2009
Bryce
March 8, 2009
Hase
March 8, 2009
Hase
March 8, 2009
Anton
March 8, 2009
Johnny
March 9, 2009
Stuart Thursby
March 9, 2009
Bokelmann
March 9, 2009
Mistral
March 10, 2009
Teebek
March 11, 2009
chuck
March 11, 2009
Miguel
March 12, 2009
Florian
March 12, 2009
Joa
March 13, 2009
wayne
March 13, 2009
asaaki
March 14, 2009
Nicolas Borda
March 15, 2009
Martin Miranda
March 18, 2009
kevin
March 18, 2009
naresh
March 18, 2009
Maged Makled
March 19, 2009
sonic22
March 20, 2009
Mozes
March 20, 2009
mamjed
March 20, 2009
alvaro
March 23, 2009
Gabe
March 23, 2009
Neil
March 23, 2009
Nebbercracker
March 23, 2009
vishal
March 24, 2009
Kaya
March 24, 2009
Bulat
March 25, 2009
EngineHere
March 27, 2009
Hendrik-Jan
March 27, 2009
Tyler Henson
March 27, 2009
John Doe
March 28, 2009
Barry
March 30, 2009
zeroday
March 30, 2009
DDamir
March 30, 2009
kevin
April 1, 2009
Hakan Folkesson
April 2, 2009
Darren Taylor
April 3, 2009
zarouk
April 3, 2009
Garret
April 3, 2009
jeroen
April 5, 2009
jeroen
April 5, 2009
magelover
April 8, 2009
irka
April 8, 2009
irka
April 8, 2009
Peter
April 8, 2009
Joshua
April 9, 2009
ewd
April 10, 2009
Eitan
April 10, 2009
David
April 13, 2009
PF
April 14, 2009
Christopher Scott
April 14, 2009
Franky
April 15, 2009
osu
April 16, 2009
osu
April 16, 2009
osu
April 16, 2009
sujit kumar
April 16, 2009
Alexandre Broggio (Brasil)
April 16, 2009
David Ljunghill
April 16, 2009
James
April 16, 2009
rory
April 17, 2009
sivas
April 19, 2009
Tye
April 20, 2009
Anselmo Martin
April 20, 2009
Christine
April 21, 2009
Jörn
April 21, 2009
Ray
April 22, 2009
jerome
April 22, 2009
sopheak
April 23, 2009
JR
April 23, 2009
jerome
April 23, 2009
andres
April 26, 2009
Al
April 27, 2009
Oliver
April 28, 2009
jeroen
April 29, 2009
Josemi
April 30, 2009
Tihomir Mihaylov
April 30, 2009
Dave
May 1, 2009
Ivan
May 4, 2009
Chad
May 4, 2009
F
May 4, 2009
xaer8
May 4, 2009
Antonio
May 6, 2009
Blair Nichols
May 6, 2009
Bill MacKrell
May 6, 2009
miniMAC
May 6, 2009
jialong
May 8, 2009
sivas haber
May 10, 2009
Barton
May 11, 2009
Tom tom
May 11, 2009
Paul
May 12, 2009
noisebleed
May 13, 2009
Phillip
May 14, 2009
jostill
May 15, 2009
jocuri
May 15, 2009
Tom
May 15, 2009
Xth
May 16, 2009
Thifu
May 17, 2009
Nagavardhan
May 17, 2009
jeroen
May 18, 2009
Frank Patterson
May 18, 2009
jgjax
May 18, 2009
nicolas
May 19, 2009
safe as milk
May 19, 2009
sudeep
May 19, 2009
sudeep
May 19, 2009
Steve
May 19, 2009
Steve
May 19, 2009
Jon
May 19, 2009
Erik Wallace
May 20, 2009
Amit Dixit
May 20, 2009
Markus
May 20, 2009
Fred
May 21, 2009
will jaspers
May 21, 2009
red india
May 21, 2009
Cody
May 22, 2009
akitae
May 23, 2009
dlv
May 24, 2009
Alberto
May 24, 2009
Alberto
May 24, 2009
tom
May 25, 2009
Candace Haynes
May 25, 2009
Ismael
May 25, 2009
William
May 25, 2009
Candace
May 26, 2009
Candace
May 26, 2009
Joe
May 26, 2009
Joe
May 27, 2009
Alexandre
May 28, 2009
Juan Manuel
May 29, 2009
cleverkid
May 29, 2009
cleverkid
May 29, 2009
xchcl
May 30, 2009
jsssc
May 30, 2009
tax
May 30, 2009
thai
May 31, 2009
Ankit Sabharwal
May 31, 2009
Mike Centola
May 31, 2009
Vassilis Mastorostergios
June 2, 2009
Prashant Khanal
June 2, 2009
Sedat Kumcu
June 3, 2009
level23design
June 3, 2009
JC
June 3, 2009
jan korbel
June 3, 2009
Tom
June 4, 2009
Carsten
June 4, 2009
Kelli
June 9, 2009
sivas
June 10, 2009
Michele
June 10, 2009
Ismael
June 11, 2009
vlp
June 11, 2009
countocram
June 11, 2009
Jeff L
June 11, 2009
moshe
June 11, 2009
sp
June 12, 2009
Ryan Furtner
June 13, 2009
Ryan Furtner
June 13, 2009
adam
June 13, 2009
Dgwp
June 14, 2009
Jonathan
June 15, 2009
Jonathan
June 15, 2009
Adam
June 16, 2009
Courtney
June 16, 2009
Mathew Smith
June 16, 2009
Hélio Correia
June 17, 2009
Hélio Correia
June 17, 2009
Verona
June 17, 2009
okey
June 17, 2009
manchurr
June 18, 2009
Paul
June 18, 2009
Kerr McHale
June 18, 2009
Dima
June 19, 2009
Pierre
June 21, 2009
Michael
June 22, 2009
Michael
June 22, 2009
Dima
June 22, 2009
Danish
June 22, 2009
Tom
June 23, 2009
Hassel
June 24, 2009
Yanxerip
June 24, 2009
Ellis Benus
June 24, 2009
Matt van Wyk
June 24, 2009
jocuri noi
June 26, 2009
Sam
June 26, 2009
BrandonSetter
June 26, 2009
Patz
June 27, 2009
satish borkar
June 30, 2009
Ellis Benus
June 30, 2009
DynaGirl
July 1, 2009