Viljami S 13 years ago
parent
commit
002c8414bd
  1. 4
      README.md
  2. 2
      demo/demo.html
  3. 2
      demo/themes/themes.html
  4. 2
      responsiveslides.css
  5. 2
      responsiveslides.js
  6. 2
      responsiveslides.min.js

4
README.md

@ -3,7 +3,7 @@
[ResponsiveSlides.js](http://responsive-slides.viljamis.com/) is a tiny jQuery plugin that creates a responsive slideshow using images inside <ul>. It works with wide range of browsers including all IE versions from IE6 and up. It also adds css max-width support for IE6 and other browsers that don't natively support it. Only dependency is [jQuery](http://jquery.com/) (1.4 and up supported) and that all the images are same size.
[ResponsiveSlides.js](http://responsiveslides.com/) is a tiny jQuery plugin that creates a responsive slideshow using images inside <ul>. It works with wide range of browsers including all IE versions from IE6 and up. It also adds css max-width support for IE6 and other browsers that don't natively support it. Only dependency is [jQuery](http://jquery.com/) (1.4 and up supported) and that all the images are same size.
Biggest difference to other responsive slideshow plugins is the file size (985 bytes minified and gzipped) + that this one doesn't try to do everything. ResponsiveSlides.js has basically only two different modes: Either it just automatically fades the images, or operates as a responsive image container with pagination and/or navigation to fade between slides.
@ -26,7 +26,7 @@ Biggest difference to other responsive slideshow plugins is the file size (985 b
Usage Instructions and demo
======
For instructions and demo go to [http://responsive-slides.viljamis.com](http://responsive-slides.viljamis.com/), or [download this repository as a zip file](https://github.com/viljamis/ResponsiveSlides.js/zipball/master) and and open "index.html" from the "example" folder. There's also a file called "themes.html" inside the "themes" folder which has [more examples about the usage](http://viljamis.com/responsive-slides/themes/).
For instructions and demo go to [http://responsiveslides.com/](http://responsiveslides.com/), or [download this repository as a zip file](https://github.com/viljamis/ResponsiveSlides.js/zipball/master) and and open "index.html" from the "example" folder. There's also a file called "themes.html" inside the "themes" folder which has [more examples about the usage](http://viljamis.com/responsive-slides/themes/).
Currently jQuery 1.4 and up is supported.

2
demo/demo.html

@ -88,7 +88,7 @@
<li><h3>Example 3 callback events</h3></li>
</ul>
<a href="http://responsive-slides.viljamis.com/" id="download">See the documentation</a>
<a href="http://responsiveslides.com/" id="download">See the documentation</a>
<p class="footer">ResponsiveSlides.js is created by <a href="http://viljamis.com">@viljamis</a>. It's released under the MIT license. If you have any questions or feedback you can use the <a href="https://github.com/viljami/ResponsiveSlides.js">GitHub project page</a>.</p>
</div>
</body>

2
demo/themes/themes.html

@ -72,7 +72,7 @@
</ul>
</div>
<a href="http://responsive-slides.viljamis.com/">View ResponsiveSlides.js documentation</a>
<a href="http://responsiveslides.com/">View ResponsiveSlides.js documentation</a>
</div>
</body>

2
responsiveslides.css

@ -1,4 +1,4 @@
/*! http://responsive-slides.viljamis.com v1.21 by @viljamis */
/*! http://responsiveslides.com v1.23 by @viljamis */
.rslides {
position: relative;

2
responsiveslides.js

@ -1,5 +1,5 @@
/*! ResponsiveSlides.js v1.23
* http://responsive-slides.viljamis.com
* http://responsiveslides.com
*
* Copyright (c) 2011-2012 @viljamis
* Available under the MIT license

2
responsiveslides.min.js vendored

@ -1,4 +1,4 @@
/*! http://responsive-slides.viljamis.com v1.23 by @viljamis */
/*! http://responsiveslides.com v1.23 by @viljamis */
(function(b,C,u){b.fn.responsiveSlides=function(e){var c=b.extend({auto:!0,speed:1E3,timeout:4E3,pager:!1,nav:!1,prevText:"Previous",nextText:"Next",maxwidth:"",controls:"",namespace:"rslides"},e);return this.each(function(){u++;var d=b(this),l,o,p,v,m,k=0,f=d.children(),w=f.size(),x=parseFloat(c.speed),q=parseFloat(c.maxwidth),g=c.namespace,h=g+u,i=g+"_nav "+h+"_nav",r=g+"_here",j=h+"_on",y=h+"_s",n=b("<ul class='"+g+"_tabs "+h+"_tabs' />"),z={"float":"left",position:"relative"},D={"float":"none",
position:"absolute"},s=function(a){d.trigger(g+"-before");f.stop().fadeOut(x,function(){b(this).removeClass(j).css(D)}).eq(a).fadeIn(x,function(){b(this).addClass(j).css(z).trigger(g+"-after");k=a})};if(1<f.size()){f.each(function(a){this.id=y+a});d.addClass(g+" "+h);e&&e.maxwidth&&d.css("max-width",q);f.hide().eq(0).addClass(j).css(z).show();if(!0===c.pager){var t=[];f.each(function(a){a+=1;t+="<li><a href='#' class='"+y+a+"'>"+a+"</a></li>"});n.append(t);m=n.find("a");e.controls?b(c.controls).append(n):
d.after(n);l=function(a){m.closest("li").removeClass(r).eq(a).addClass(r)}}!0===c.auto&&(o=function(){v=setInterval(function(){var a=k+1<w?k+1:0;!0===c.pager&&l(a);s(a)},parseFloat(c.timeout))},o());p=function(){if(c.auto===true){clearInterval(v);o()}};!0===c.pager&&m.bind("click",function(a){a.preventDefault();p();a=m.index(this);if(!(k===a||b("."+j+":animated").length)){l(a);s(a)}}).eq(0).closest("li").addClass(r)}if(!0===c.nav){i="<a href='#' class='"+i+" prev'>"+c.prevText+"</a><a href='#' class='"+

Loading…
Cancel
Save