Making the demo a bit smoother

demo/themes/themes.html

@@ -16,7 +16,7 @@
         auto: false,
         pagination: true,
         nav: true,
-        fade: 300,
+        fade: 500,
         maxwidth: 800
       });
 
@@ -25,7 +25,7 @@
         auto: false,
         pagination: true,
         nav: true,
-        fade: 300,
+        fade: 500,
         maxwidth: 800
       });
 
@@ -34,7 +34,7 @@
         auto: false,
         pagination: false,
         nav: true,
-        fade: 300,
+        fade: 500,
         maxwidth: 800
       });
 
@@ -47,7 +47,7 @@
 
     <h3>Vertically centered on both sides</h3>
     <div class="rslides_container">
-      <ul id="slides1">
+      <ul id="slides1" class="rslides">
         <li><img src="../1.jpg" alt="" /></li>
         <li><img src="../2.jpg" alt="" /></li>
         <li><img src="../3.jpg" alt="" /></li>
@@ -56,7 +56,7 @@
 
     <h3>Transparent buttons over the left and right side</h3>
     <div class="rslides_container">
-      <ul id="slides2">
+      <ul id="slides2" class="rslides">
         <li><img src="../1.jpg" alt="" /></li>
         <li><img src="../2.jpg" alt="" /></li>
         <li><img src="../3.jpg" alt="" /></li>
@@ -65,7 +65,7 @@
 
     <h3>100% height with vertically centered icons</h3>
     <div class="rslides_container">
-      <ul id="slides3">
+      <ul id="slides3" class="rslides">
         <li><img src="../1.jpg" alt="" /></li>
         <li><img src="../2.jpg" alt="" /></li>
         <li><img src="../3.jpg" alt="" /></li>