Hi!
The slider works well, but the effect of fading,
Please help make the effect of sliding to the left
<html lang="en"><head>
<meta charset="utf-8">
<title>ResponsiveSlides.js · Alternative themes</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="http://responsiveslides.com/responsiveslides.css?v=1.5">
<link rel="stylesheet" href="http://responsiveslides.com/themes/themes.css?v=1.5">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://responsiveslides.com/responsiveslides.min.js?v=1.6"></script>
<script>
$(function () {
// Slideshow 1
$("#slider1").responsiveSlides({
auto: true,
pager: true,
nav: true,
speed: 500,
maxwidth: 800,
namespace: "centered-btns"
});
});
</script>
</head>
<body>
<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 centered-btns centered-btns1" id="slider1" style="max-width: 800px;">
<li id="centered-btns1_s0" class="centered-btns1_on" style="display: block; float: left; position: relative; opacity: 1; z-index: 2; -webkit-transition: opacity 500ms ease-in-out; transition: opacity 500ms ease-in-out;"><img src="http://responsiveslides.com/1.jpg" alt=""></li>
<li id="centered-btns1_s1" style="float: none; position: absolute; opacity: 0; z-index: 1; display: list-item; -webkit-transition: opacity 500ms ease-in-out; transition: opacity 500ms ease-in-out;"><img src="http://responsiveslides.com/2.jpg" alt=""></li>
<li id="centered-btns1_s2" style="float: none; position: absolute; opacity: 0; z-index: 1; display: list-item; -webkit-transition: opacity 500ms ease-in-out; transition: opacity 500ms ease-in-out;"><img src="http://responsiveslides.com/3.jpg" alt=""></li>
</ul><a href="#" class="centered-btns_nav centered-btns1_nav prev">Previous</a><a href="#" class="centered-btns_nav centered-btns1_nav next">Next</a>
</div>
<a href="http://responsiveslides.com/">View ResponsiveSlides.js documentation</a>
</div>
</body></html>