From ce2c4fb027f2d495426b3e8dc7613aae1321cad8 Mon Sep 17 00:00:00 2001
From: Viljami Salminen <viljami.salminen@gmail.com>
Date: Mon, 29 Apr 2013 15:12:13 +0300
Subject: [PATCH] Adds the site

---
 .DS_Store                           | Bin 0 -> 6148 bytes
 demo/images/1.jpg => 1.jpg          | Bin
 demo/images/2.jpg => 2.jpg          | Bin
 demo/images/3.jpg => 3.jpg          | Bin
 README.md                           | 102 ------------
 demo/images/bg.png => bg.png        | Bin
 demo/demo.css                       | 234 ----------------------------
 demo/demo.html                      | 123 ---------------
 demo/images/1_thumb.jpg             | Bin 3212 -> 0 bytes
 demo/images/2_thumb.jpg             | Bin 3102 -> 0 bytes
 demo/images/3_thumb.jpg             | Bin 2690 -> 0 bytes
 {demo/themes => themes}/themes.css  |   0
 {demo/themes => themes}/themes.gif  | Bin
 {demo/themes => themes}/themes.html |  34 ++--
 with-captions/themes.css            | 180 +++++++++++++++++++++
 with-captions/themes.gif            | Bin 0 -> 359 bytes
 with-captions/themes.html           |  59 +++++++
 17 files changed, 252 insertions(+), 480 deletions(-)
 create mode 100644 .DS_Store
 rename demo/images/1.jpg => 1.jpg (100%)
 rename demo/images/2.jpg => 2.jpg (100%)
 rename demo/images/3.jpg => 3.jpg (100%)
 delete mode 100644 README.md
 rename demo/images/bg.png => bg.png (100%)
 delete mode 100644 demo/demo.css
 delete mode 100644 demo/demo.html
 delete mode 100644 demo/images/1_thumb.jpg
 delete mode 100644 demo/images/2_thumb.jpg
 delete mode 100644 demo/images/3_thumb.jpg
 rename {demo/themes => themes}/themes.css (100%)
 rename {demo/themes => themes}/themes.gif (100%)
 rename {demo/themes => themes}/themes.html (71%)
 create mode 100644 with-captions/themes.css
 create mode 100644 with-captions/themes.gif
 create mode 100644 with-captions/themes.html

diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..76211fc483fe4268296142b77956d1f36b491a6c
GIT binary patch
literal 6148
zcmeHK%SyvQ6unbxZGAvDqRZe?q|_%0E<&lGJE1}sDw-H+A~7jVYK2;j|KNA{IsT5G
zc~mS_TnHj^FWfmdckY=qCzF{D5s6yYTO}$JQ4uaNS3>iN$$sf$mNS_GP^d9l2Vs2S
zhOs+V%Zb0KfP8n8v`!VeqBebef0z<t8NCOu%GA#<kV`Gpwki6yc7`tLmK?f9b%?k^
z7nD%)VTOEmhiM8hwx_ri@+k#B{DxCNl@G=>JaKzT+swdcw;cvaTCKi_+(dq|Fja)j
zo-~8Vi+i=W8+plb!;gE7z`Jyv&Z&x1C+#LRr=xlfozzE<ijU$rM0{eZn}L`5XXS-{
ze|>Fx#oE{ztXTc+O@v!()xn?yD?b(ImnysaM^684aQ~nufWVicY|h{i9ubT@$xWjZ
zg>lqEe#jZtGO_}!04wk_1<a~aocY->%w`2xfq$rgTpujBMB8AdQ7s*4)DZxfM_L(T
zd6tkI%b;yA(}*6J&{UwN3UkB|nvT3>>TH9VMolMS4j;nYS(p=wP<O}pmMSM<Yvh&{
zU<F1Mn9!GHx&QBdef}RM@f9n;3j8YtM84jr*YHSYZykF$xz}3obGS5FmuY;bAW&N|
fYUNhE2v>%@B?F*sFw=+(jQ<EI8Mt8uepP`t!JT`S

literal 0
HcmV?d00001

diff --git a/demo/images/1.jpg b/1.jpg
similarity index 100%
rename from demo/images/1.jpg
rename to 1.jpg
diff --git a/demo/images/2.jpg b/2.jpg
similarity index 100%
rename from demo/images/2.jpg
rename to 2.jpg
diff --git a/demo/images/3.jpg b/3.jpg
similarity index 100%
rename from demo/images/3.jpg
rename to 3.jpg
diff --git a/README.md b/README.md
deleted file mode 100644
index e7be2a9..0000000
--- a/README.md
+++ /dev/null
@@ -1,102 +0,0 @@
-# ResponsiveSlides.js v1.54
-### Simple & lightweight responsive slider plugin (in 1kb)
-
-
-
-[ResponsiveSlides.js](http://responsiveslides.com/) is a tiny jQuery plugin that creates a responsive slider using elements inside a container. It has been used on sites like [Microsoft's Build 2012](http://www.buildwindows.com/launch) and [Gridset App](https://gridsetapp.com). ResponsiveSlides.js 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.6 and up supported, tested up to 1.8.3) and that all the images are the same size.
-
-Biggest difference to other responsive slider plugins is the file size (1.4kb 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.
-
-#### Features:
- * Fully responsive
- * 1kb minified and gzipped
- * CSS3 transitions with JavaScript fallback
- * Simple markup using unordered list
- * Settings for transition and timeout durations
- * Multiple slideshows supported
- * Automatic and manual fade
- * Works in all major desktop and mobile browsers
- * Captions and other html-elements supported inside slides
- * Separate pagination and next/prev controls
- * Possibility to choose where the controls append to
- * Possibility to randomize the order of the slides
- * Possibility to use custom markup for pagination
- * Can be paused while hovering slideshow and/or controls
- * Images can be wrapped inside links
- * Optional 'before' and 'after' callbacks
-
-
-
-Usage Instructions and demo
-======
-
-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.6 and up is supported.
-
-
-
-License
-======
-
-Licensed under the MIT license.
-
-Copyright (c) 2011-2012 Viljami Salminen, http://viljamis.com/
-
-Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
-
-
-
-Changelog
-======
-
-
-v1.54 (2013-04-26) - Fixes few bugs with the before and after callbacks.
-
-v1.53 (2013-01-14) - Minor speed optimization (thanks [@bazineta](https://github.com/bazineta)!).
-
-v1.52 (2013-01-07) - Adds option called "manualControls" which allows to write custom markup for pager navigation (thanks to [@andyadams](https://github.com/andyadams)). "controls" option is renamed to "navContainer". Default speed of the transition is now to 500ms. Adds also webkit-backface-visibility: hidden; style for the slides to prevent some HD acceleration issues on mobile WebKit browsers.
-
-v1.51 (2012-12-15) - Fixes a bug where pictures would not display if next button was clicked too quickly 10 times.
-
-v1.5 (2012-12-14) - Adds CSS3 transition support with automatic jQuery fallback.
-
-v1.32 (2012-05-09) - Fixes a bug which caused the slideshow to break in Chrome when changing between active and inactive browser tabs.
-
-v1.31 (2012-05-02) - Easier to use callbacks (+ optional "active" class for the next/prev buttons when animating slides. If you need this functionality, open the unminified version and search for "Adds active class during slide animation" and remove comments around it).
-
-v1.3 (2012-04-26) - Three new options: "random", "pause", "pauseControls" + small bug fixes.
-
-v1.25 (2012-04-19) - No more flashing of unstyled slideshow before JS has loaded. Adds also better support for cases when JavaScript isn't available.
-
-v1.24 (2012-04-12) - Changes the way slideshow works if there's only one slide. Now all classes and max-width for the container are added, but we don't show the next and prev buttons anymore as they don't make much sense in that case. This version also fixes a bug which made the 'previous' button always go to the next slide.
-
-v1.23 (2012-03-31) - Adds new option called "controls", which allows to choose where the controls should be appended to. Includes also code optimization, bug fixes, better option names and better jQuery support (jQuery 1.4 and up is now supported).
-
-v1.22 (2012-03-27) - Adds callback events which are similar as in [@Wilto](https://github.com/Wilto)'s [Dynamic Carousel](https://github.com/Wilto/Dynamic-Carousel/). The possibility to change the 'namespace' is also back + next/prev buttons have now classes which make more sense.
-
-v1.21 (2012-03-23) - Added two new options: 'nextText' and 'prevText'.
-
-v1.20 (2012-03-21) - New option called 'nav', which enables next and previous buttons. Can be used with 'pagination' and 'auto' options. Adds also new [themes folder](http://viljamis.com/responsive-slides/themes/) with three different ways to use the new next and previous buttons.
-
-v1.10 (2012-03-12) - Refactoring, New markup style, CSS is now separated from the plugin, you can have links around images and other elements inside slides (not just images, but also captions etc.) + New option called "pagination", which enables to choose both "pagination" and "auto" at the same time. Shout outs for the help to [@bgutschke](https://github.com/bgutschke)
-
-v1.05 (2012-03-05) - No more need to change the namespace if you have more than one slideshow on the same page.
-
-v1.04 (2011-12-19) - Fixes problems when ResponsiveSlides.js is used with other plugins
-
-v1.03 (2011-12-12) - Code refactoring, smaller size, better performance
-
-v1.01 (2011-12-11) - Better usage of styles and the namespace
-
-v1.00 (2011-12-04) - Release
-
-
-Want to do a pull request?
-======
-
-Great! New ideas are more than welcome, but please check the [Pull Request Guidelines](https://github.com/viljamis/ResponsiveSlides.js/wiki/Pull-Request-Guidelines) first before doing so.
diff --git a/demo/images/bg.png b/bg.png
similarity index 100%
rename from demo/images/bg.png
rename to bg.png
diff --git a/demo/demo.css b/demo/demo.css
deleted file mode 100644
index 4d6ccd6..0000000
--- a/demo/demo.css
+++ /dev/null
@@ -1,234 +0,0 @@
-* {
-  margin: 0;
-  padding: 0;
-}
-
-html {
-  background: #222 url("images/bg.png") repeat;
-}
-
-body {
-  _width: 70%;
-  color: #888;
-  font: 14px/20px Helvetica, Arial, sans-serif;
-  margin: 20px auto 0;
-  max-width: 800px;
-  text-align: center;
-  text-shadow: 0 -2px 1px #000;
-  -webkit-font-smoothing: antialiased;
-  }
-
-h1 {
-  font: 40px/60px "Helvetica Neue", Helvetica, Arial, sans-serif;
-  color: #fff;
-  font-weight: 200;
-  }
-
-h2 {
-  font: 16px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
-  margin-bottom: 40px;
-  }
-
-#wrapper {
-  padding: 20px;
-  }
-
-p,h3,h4,pre {
-  text-align: left;
-  max-width: 540px;
-  margin: 0 auto 20px;
-  }
-
-.rslides {
-  margin: 0 auto 40px;
-  }
-
-#slider2,
-#slider3 {
-  box-shadow: none;
-  -moz-box-shadow: none;
-  -webkit-box-shadow: none;
-  margin: 0 auto;
-  }
-
-.rslides_tabs {
-  list-style: none;
-  padding: 0;
-  background: rgba(0,0,0,.25);
-  box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
-  -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
-  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
-  font-size: 18px;
-  list-style: none;
-  margin: 0 auto 50px;
-  max-width: 540px;
-  padding: 10px 0;
-  text-align: center;
-  width: 100%;
-  }
-
-.rslides_tabs li {
-  display: inline;
-  float: none;
-  margin-right: 1px;
-  }
-
-.rslides_tabs a {
-  width: auto;
-  line-height: 20px;
-  padding: 9px 20px;
-  height: auto;
-  background: transparent;
-  display: inline;
-  }
-
-.rslides_tabs li:first-child {
-  margin-left: 0;
-  }
-
-.rslides_tabs .rslides_here a {
-  background: rgba(255,255,255,.1);
-  color: #fff;
-  font-weight: bold;
-  }
-
-a {
-  color: #fff;
-  text-decoration: none;
-  }
-
-#download {
-  background: #333;
-  background: rgba(255,255,255,.1);
-  border: 1px solid rgba(255,255,255,.1);
-  border-radius: 5px;
-  -moz-border-radius: 5px;
-  -webkit-border-radius: 5px;
-  display: block;
-  font-size: 20px;
-  font-weight: bold;
-  margin: 60px auto;
-  max-width: 500px;
-  padding: 20px;
-  }
-
-#download:hover {
-  background: rgba(255,255,255,.15);
-  }
-
-.footer {
-  font-size: 11px;
-  }
-
-/* Callback example */
-
-h3 {
-  font: 20px/30px "Helvetica Neue", Helvetica, Arial, sans-serif;
-  text-align: center;
-  color: #fff;
-  }
-
-.events {
-  list-style: none;
-  }
-
-.callbacks_container {
-  margin-bottom: 50px;
-  position: relative;
-  float: left;
-  width: 100%;
-  }
-
-.callbacks {
-  position: relative;
-  list-style: none;
-  overflow: hidden;
-  width: 100%;
-  padding: 0;
-  margin: 0;
-  }
-
-.callbacks li {
-  position: absolute;
-  width: 100%;
-  left: 0;
-  top: 0;
-  }
-
-.callbacks img {
-  display: block;
-  position: relative;
-  z-index: 1;
-  height: auto;
-  width: 100%;
-  border: 0;
-  }
-
-.callbacks .caption {
-  display: block;
-  position: absolute;
-  z-index: 2;
-  font-size: 20px;
-  text-shadow: none;
-  color: #fff;
-  background: #000;
-  background: rgba(0,0,0, .8);
-  left: 0;
-  right: 0;
-  bottom: 0;
-  padding: 10px 20px;
-  margin: 0;
-  max-width: none;
-  }
-
-.callbacks_nav {
-  position: absolute;
-  -webkit-tap-highlight-color: rgba(0,0,0,0);
-  top: 52%;
-  left: 0;
-  opacity: 0.7;
-  z-index: 3;
-  text-indent: -9999px;
-  overflow: hidden;
-  text-decoration: none;
-  height: 61px;
-  width: 38px;
-  background: transparent url("themes/themes.gif") no-repeat left top;
-  margin-top: -45px;
-  }
-
-.callbacks_nav:active {
-  opacity: 1.0;
-  }
-
-.callbacks_nav.next {
-  left: auto;
-  background-position: right top;
-  right: 0;
-  }
-
-#slider3-pager a {
-  display: inline-block;
-}
-
-#slider3-pager img {
-  float: left;
-}
-
-#slider3-pager .rslides_here a {
-  background: transparent;
-  box-shadow: 0 0 0 2px #666;
-}
-
-#slider3-pager a {
-  padding: 0;
-}
-
-@media screen and (max-width: 600px) {
-  h1 {
-    font: 24px/50px "Helvetica Neue", Helvetica, Arial, sans-serif;
-    }
-  .callbacks_nav {
-    top: 47%;
-    }
-  }
diff --git a/demo/demo.html b/demo/demo.html
deleted file mode 100644
index 37a09b3..0000000
--- a/demo/demo.html
+++ /dev/null
@@ -1,123 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>ResponsiveSlides.js &middot; Responsive jQuery slideshow</title>
-  <meta name="viewport" content="width=device-width,initial-scale=1">
-  <link rel="stylesheet" href="../responsiveslides.css">
-  <link rel="stylesheet" href="demo.css">
-  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
-  <script src="../responsiveslides.min.js"></script>
-  <script>
-    // You can also use "$(window).load(function() {"
-    $(function () {
-
-      // Slideshow 1
-      $("#slider1").responsiveSlides({
-        maxwidth: 800,
-        speed: 800
-      });
-
-      // Slideshow 2
-      $("#slider2").responsiveSlides({
-        auto: false,
-        pager: true,
-        speed: 300,
-        maxwidth: 540
-      });
-
-      // Slideshow 3
-      $("#slider3").responsiveSlides({
-        manualControls: '#slider3-pager',
-        maxwidth: 540
-      });
-
-      // Slideshow 4
-      $("#slider4").responsiveSlides({
-        auto: false,
-        pager: false,
-        nav: true,
-        speed: 500,
-        namespace: "callbacks",
-        before: function () {
-          $('.events').append("<li>before event fired.</li>");
-        },
-        after: function () {
-          $('.events').append("<li>after event fired.</li>");
-        }
-      });
-
-    });
-  </script>
-</head>
-<body>
-  <div id="wrapper">
-    <h1>ResponsiveSlides.js</h1>
-    <h2>Simple &amp; lightweight responsive slideshow plugin (in 1kb)</h2>
-
-
-
-    <!-- Slideshow 1 -->
-    <ul class="rslides" id="slider1">
-      <li><img src="images/1.jpg" alt=""></li>
-      <li><img src="images/2.jpg" alt=""></li>
-      <li><img src="images/3.jpg" alt=""></li>
-    </ul>
-
-
-
-    <!-- Slideshow 2 -->
-    <ul class="rslides" id="slider2">
-      <li><a href="#"><img src="images/1.jpg" alt=""></a></li>
-      <li><a href="#"><img src="images/2.jpg" alt=""></a></li>
-      <li><a href="#"><img src="images/3.jpg" alt=""></a></li>
-    </ul>
-
-
-
-    <!-- Slideshow 3 -->
-    <ul class="rslides" id="slider3">
-      <li><img src="images/1.jpg" alt=""></li>
-      <li><img src="images/2.jpg" alt=""></li>
-      <li><img src="images/3.jpg" alt=""></li>
-    </ul>
-
-    <!-- Slideshow 3 Pager -->
-    <ul id="slider3-pager">
-      <li><a href="#"><img src="images/1_thumb.jpg" alt=""></a></li>
-      <li><a href="#"><img src="images/2_thumb.jpg" alt=""></a></li>
-      <li><a href="#"><img src="images/3_thumb.jpg" alt=""></a></li>
-    </ul>
-
-
-
-    <!-- Slideshow 4 -->
-    <div class="callbacks_container">
-      <ul class="rslides" id="slider4">
-        <li>
-          <img src="images/1.jpg" alt="">
-          <p class="caption">This is a caption</p>
-        </li>
-        <li>
-          <img src="images/2.jpg" alt="">
-          <p class="caption">This is another caption</p>
-        </li>
-        <li>
-          <img src="images/3.jpg" alt="">
-          <p class="caption">The third caption</p>
-        </li>
-      </ul>
-    </div>
-
-    <!-- This is here just to demonstrate the callbacks -->
-    <ul class="events">
-      <li><h3>Example 4 callback events</h3></li>
-    </ul>
-
-
-
-    <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>
-</html>
diff --git a/demo/images/1_thumb.jpg b/demo/images/1_thumb.jpg
deleted file mode 100644
index 95a9db331c9496443d0f2f13474ef00e221b64f4..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 3212
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

diff --git a/demo/images/2_thumb.jpg b/demo/images/2_thumb.jpg
deleted file mode 100644
index 5df0d8e359e7524a0e68cad0aacda079ac0092bf..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 3102
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
UAoesXG4U$7D*8bEvPkjpZ#i+2oB#j-

diff --git a/demo/images/3_thumb.jpg b/demo/images/3_thumb.jpg
deleted file mode 100644
index 6c234283525d49c400c39fbc30f27afb86226a78..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2690
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
L+R}F9yt?CWMlRZC

diff --git a/demo/themes/themes.css b/themes/themes.css
similarity index 100%
rename from demo/themes/themes.css
rename to themes/themes.css
diff --git a/demo/themes/themes.gif b/themes/themes.gif
similarity index 100%
rename from demo/themes/themes.gif
rename to themes/themes.gif
diff --git a/demo/themes/themes.html b/themes/themes.html
similarity index 71%
rename from demo/themes/themes.html
rename to themes/themes.html
index 5b4399c..2de4a82 100644
--- a/demo/themes/themes.html
+++ b/themes/themes.html
@@ -4,12 +4,11 @@
   <meta charset="utf-8">
   <title>ResponsiveSlides.js &middot; Alternative themes</title>
   <meta name="viewport" content="width=device-width,initial-scale=1">
-  <link rel="stylesheet" href="../../responsiveslides.css">
-  <link rel="stylesheet" href="themes.css">
+  <link rel="stylesheet" href="../responsiveslides.css?v=1.5">
+  <link rel="stylesheet" href="themes.css?v=1.5">
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
-  <script src="../../responsiveslides.min.js"></script>
+  <script src="../responsiveslides.min.js?v=1.6"></script>
   <script>
-    // You can also use "$(window).load(function() {"
     $(function () {
 
       // Slideshow 1
@@ -49,45 +48,38 @@
   <div id="wrapper">
     <h1>Three different ways to use next/prev buttons</h1>
 
-
-
     <h3>Vertically centered on both sides</h3>
     <!-- Slideshow 1 -->
     <div class="rslides_container">
       <ul class="rslides" id="slider1">
-        <li><img src="../images/1.jpg" alt=""></li>
-        <li><img src="../images/2.jpg" alt=""></li>
-        <li><img src="../images/3.jpg" alt=""></li>
+        <li><img src="../1.jpg" alt=""></li>
+        <li><img src="../2.jpg" alt=""></li>
+        <li><img src="../3.jpg" alt=""></li>
       </ul>
     </div>
 
-
-
     <h3>Transparent buttons over the left and right side</h3>
     <!-- Slideshow 2 -->
     <div class="rslides_container">
       <ul class="rslides" id="slider2">
-        <li><img src="../images/1.jpg" alt=""></li>
-        <li><img src="../images/2.jpg" alt=""></li>
-        <li><img src="../images/3.jpg" alt=""></li>
+        <li><img src="../1.jpg" alt=""></li>
+        <li><img src="../2.jpg" alt=""></li>
+        <li><img src="../3.jpg" alt=""></li>
       </ul>
     </div>
 
-
-
     <h3>100% height with vertically centered icons</h3>
     <!-- Slideshow 3 -->
     <div class="rslides_container">
       <ul class="rslides" id="slider3">
-        <li><img src="../images/1.jpg" alt=""></li>
-        <li><img src="../images/2.jpg" alt=""></li>
-        <li><img src="../images/3.jpg" alt=""></li>
+        <li><img src="../1.jpg" alt=""></li>
+        <li><img src="../2.jpg" alt=""></li>
+        <li><img src="../3.jpg" alt=""></li>
       </ul>
     </div>
 
-
-
     <a href="http://responsiveslides.com/">View ResponsiveSlides.js documentation</a>
+
   </div>
 </body>
 </html>
diff --git a/with-captions/themes.css b/with-captions/themes.css
new file mode 100644
index 0000000..e42cf6f
--- /dev/null
+++ b/with-captions/themes.css
@@ -0,0 +1,180 @@
+* {
+  margin: 0;
+  padding: 0;
+  }
+
+html {
+  background: #fff;
+  }
+
+body {
+  color: #333;
+  font: 14px/24px sans-serif;
+  margin: 0 auto;
+  max-width: 700px;
+  _width: 700px;
+  padding: 0 30px;
+  text-align: center;
+  -webkit-font-smoothing: antialiased;
+  }
+
+#wrapper {
+  float: left;
+  width: 100%;
+  margin-bottom: 50px;
+  }
+
+h1 {
+  font: 600 28px/36px sans-serif;
+  margin: 50px 0;
+  }
+
+h3 {
+  font: 600 18px/24px sans-serif;
+  color: #999;
+  margin: 0 0 20px;
+  }
+
+a {
+  color: #222;
+  }
+
+.rslides {
+  margin: 0 auto;
+  }
+
+.rslides_container {
+  margin-bottom: 50px;
+  position: relative;
+  float: left;
+  width: 100%;
+  }
+
+.rslides1_nav {
+  position: absolute;
+  -webkit-tap-highlight-color: rgba(0,0,0,0);
+  top: 50%;
+  left: 0;
+  opacity: 0.7;
+  text-indent: -9999px;
+  overflow: hidden;
+  text-decoration: none;
+  height: 61px;
+  width: 38px;
+  background: transparent url("themes.gif") no-repeat left top;
+  margin-top: -45px;
+  }
+
+.rslides1_nav:active {
+  opacity: 1.0;
+  }
+
+.rslides1_nav.next {
+  left: auto;
+  background-position: right top;
+  right: 0;
+  }
+
+.rslides2_nav {
+  position: absolute;
+  -webkit-tap-highlight-color: rgba(0,0,0,0);
+  top: 0;
+  left: 0;
+  display: block;
+  background: #fff; /* Fix for IE6-9 */
+  opacity: 0;
+  filter: alpha(opacity=1);
+  width: 48%;
+  text-indent: -9999px;
+  overflow: hidden;
+  height: 91%;
+  }
+
+.rslides2_nav.next {
+  left: auto;
+  right: 0;
+  }
+
+.rslides3_nav {
+  position: absolute;
+  -webkit-tap-highlight-color: rgba(0,0,0,0);
+  opacity: 0.6;
+  text-indent: -9999px;
+  overflow: hidden;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  background: #000 url("themes.gif") no-repeat left 50%;
+  width: 38px;
+  }
+
+.rslides3_nav:active {
+  opacity: 1.0;
+  }
+
+.rslides3_nav.next {
+  left: auto;
+  background-position: right 50%;
+  right: 0;
+  }
+
+.rslides1_nav:focus,
+.rslides2_nav:focus,
+.rslides3_nav:focus {
+  outline: none;
+  }
+
+.rslides_tabs {
+  margin-top: 10px;
+  text-align: center;
+  }
+
+.rslides_tabs li {
+  display: inline;
+  float: none;
+  _float: left;
+  *float: left;
+  margin-right: 5px;
+  }
+
+.rslides_tabs a {
+  text-indent: -9999px;
+  overflow: hidden;
+  -webkit-border-radius: 15px;
+  -moz-border-radius: 15px;
+  border-radius: 15px;
+  background: #ccc;
+  background: rgba(0,0,0, .2);
+  display: inline-block;
+  _display: block;
+  *display: block;
+  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
+  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
+  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
+  width: 9px;
+  height: 9px;
+  }
+
+.rslides_tabs .rslides_here a {
+  background: #222;
+  background: rgba(0,0,0, .8);
+  }
+
+.caption {
+  position: absolute;
+  display: block;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  padding: 15px;
+  text-align: center;
+  background: #000;
+  background: rgba(0,0,0, .8);
+  color: #fff;
+}
+
+@media screen and (max-width: 600px) {
+  .github {
+    display: none;
+  }
+}
\ No newline at end of file
diff --git a/with-captions/themes.gif b/with-captions/themes.gif
new file mode 100644
index 0000000000000000000000000000000000000000..2be4c3ee29305839d98bbe98888d3aa1b2a43624
GIT binary patch
literal 359
zcmZ?wbhEHb^kJ}NIKsdnARu61VDSF^`}60|@87?_zP^6_`t<<;0SXEV2?+`F=g)U=
zaJYZ}enCM&e}Dh~|Nj|C1d2adz&dn5B*;z%)+Y)oeJPpqGFGk2dA+Yd=X^=-{fc$(
zYu^7qu%N(0N2>qClA@D2R`V~cDDhewwf;tw!h_pNj4j8L4{+OaG$<t~i0PL!ezUL*
zIdRf@bA+MJ304jp2BsobN6sSteA~hzPJ70d+%|jO`k1CkNo-DKxlAQiRs1{)?X!zm
ztb223IIT%qXWm@I=TbL+nK^rBzvG@FcH13EOq*;bw%X52T57i<ch2&hi*{#<9k)!j
znKr+1{Ve|b795@3&K+y5p62dz<z{0!WX;aT_BrzBuit<E{`=3s%q8QoVZp&>4q>gB
O6B`yfYbr7@SOWl~ZGf5p

literal 0
HcmV?d00001

diff --git a/with-captions/themes.html b/with-captions/themes.html
new file mode 100644
index 0000000..b8c3a34
--- /dev/null
+++ b/with-captions/themes.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <title>ResponsiveSlides.js &middot; With captions</title>
+  <meta name="viewport" content="width=device-width,initial-scale=1" />
+  <link rel="stylesheet" href="../responsiveslides.css?v=1.13" />
+  <link rel="stylesheet" href="themes.css?v=1.13" />
+  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
+  <script src="../responsiveslides.min.js?v=1.6"></script>
+  <script>
+    $(function () {
+
+      // Slideshow 1
+      $("#slides1").responsiveSlides({
+        auto: false,
+        pagination: true,
+        nav: true,
+        fade: 500,
+        maxwidth: 800
+      });
+
+    });
+  </script>
+</head>
+<body>
+  <div id="wrapper">
+    <h1>With captions</h1>
+
+    <div class="rslides_container">
+      <ul id="slides1" class="rslides">
+        <li>
+          <img src="../1.jpg" alt="" />
+          <p class="caption">Donec id elit non mi porta gravida at eget metus.</p>
+        </li>
+        <li>
+          <img src="../2.jpg" alt="" />
+          <p class="caption">Donec ullamcorper nulla non metus auctor fringilla.</p>
+        </li>
+        <li>
+          <img src="../3.jpg" alt="" />
+          <p class="caption">Pellentesque ornare sem lacinia quam venenatis vestibulum.</p>
+        </li>
+      </ul>
+    </div>
+    
+    <a href="http://responsive-slides.viljamis.com/">View ResponsiveSlides.js documentation</a>
+
+  </div>
+  <a href="https://github.com/viljamis/ResponsiveSlides.js" class="github"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://a248.e.akamai.net/assets.github.com/img/4c7dc970b89fd04b81c8e221ba88ff99a06c6b61/687474703a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f77686974655f6666666666662e706e67" alt="Fork me on GitHub"></a>
+
+  <!-- Don't include the script below on your own page, it's used for viljamis.com analytics -->
+  <script>
+    var _gaq=[['_setAccount','UA-27143570-1'],['_trackPageview']];
+    (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)}(document,'script'));
+  </script>
+
+</body>
+</html>
\ No newline at end of file