You are on page 1of 4

4 J

1 2 3 4
Welcome to the all new SlidesJS 3.0! Welcome to the all new SlidesJS 3.0! Are you looking for the previous SlidesJS documentation? Head over to Are you looking for the previous SlidesJS documentation? Head over to http://archive.slidesjs.com/ http://archive.slidesjs.com/..
r Overview
SlidesJS is a responsive slideshow plug-in for jQuery (1.7.1+) with features like touch and CSS3 transitions. Give it a try above and
check out the examples to help you get started adding SlidesJS to your project.
~
Responsive
Create dynamic slideshows that adapt to any screen.

CSS3 transitions
Animations that run smoothly on modern devices.
J
Touch
Swipe support that tracks touch movements on supported devices.
/
Easy setup
Get going fast with the easy-to-use examples.
ÇÇ
Download Download

ÇÇ
Donate Donate
Want to contribute to SlidesJS? Check it out at GitHub.
¿ Examples
Standard slideshow
Playing and stopping slideshow
Multiple slideshows
Using callbacks
Basic sliding slideshow (unstyled)
Basic fading slideshow (unstyled)
More examples coming soon!
These examples are also included in the download.
@ Docs
converted by Web2PDFConvert.com
Basic markup
<!doctype html>
<head>
<style>
/* Prevents slides from flashing */
#slides {
display:none;
}
</style>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="jquery.slides.min.js"></script>
<script>
$(function(){
$("#slides").slidesjs({
width: 940,
height: 528
});
});
</script>
</head>
<body>
<div id="slides">
<img src="http://placehold.it/940x528">
<img src="http://placehold.it/940x528">
<img src="http://placehold.it/940x528">
<img src="http://placehold.it/940x528">
<img src="http://placehold.it/940x528">
</div>
</body>
Options
width (number) & height (number)
Set width and height of the slideshow. Ø Show example
Q This must be defined.
start (number)
Set the first slide in the slideshow. Ø Show example
w Default value is 1.
navigation (object)
Next and previous button settings. Ø Show example
pagination (object)
Pagination settings Ø Show example
play (object)
Play and stop button setting. Ø Show example
effect (object)
converted by Web2PDFConvert.com
Tweet Tweet
579
Þ Support
Basic support is available at the SlidesJS forum. Many requests are resolved by other SlidesJS users, but assistance is not guaranteed.
If you're in need of direct assistance or would like customization added to SlidesJS, Premium Support is available for $100. Premium
support provides you direct email access and allows for up to 1 hour of support. Premium Support is typically provided within 3-7 days.
A resolution to the support request is not guaranteed.
Ø
Faq
Are there any other effects besides slide or fade?
To keep SlidesJS as simple as possible, it only includes a slide or fade effect. Adding other effects would over complicate and bloat the
plugin.
Can I use SlidesJS on a commercial site or include it in a template that I'm selling?
Yes you can, but you must keep the copyright and licensing information with the plugin. And if you've found SlidesJS useful, it would
be awesome if you'd show your support by giving a donation. If you have additional questions about licensing check out the Apache
license which SlidesJS is licensed under.
I can't figure out how to add SlidesJS to my site. Can you help me?
SlidesJS requires some basic understanding of HTML, CSS and jQuery. If you need help with adding SlidesJS to your site please post a
question at the SlidesJS forum.
Premium Support is available for $100 and provides you direct email access and allows for up to 1 hour of support. Premium Support is
typically provided within 3-7 days. A resolution to the support request is not guaranteed.
Can I uses SlidesJS on my website?
Yes you can, that's what it's for, but you must keep the copyright and licensing information with the plugin.
Effects setting. Ø Show example
callback (function)
SlidesJS callbacks. Ø Show example
GoJS is a fast and powerful JavaScript library for implementing interactive diagrams.
1.8k
Like Like
87
converted by Web2PDFConvert.com
This site has been built using Font Awesome, Twitter Bootstrap, Highlight.js, Placehold.it and Subtle Patterns.
Want to advertise on this site? Check out ads via BuySellAds.
SlidesJS is licensed under the Apache license. © 2013 Nathan Searles. All rights reserved.
converted by Web2PDFConvert.com