Hello ,
I have solved the issue, and could apply slider.here is my code.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script>
$("#slideshow > div:gt(0)").hide();
setInterval(function() {
$('#slideshow > div:first')
.fadeOut(1000)
.next()
.fadeIn(1000)
.end()
.appendTo('#slideshow');
}, 3000);
</script>
<script type="text/css">
#slideshow { margin: 50px auto; position:fixed; width: 200px; height: 240px; padding: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.4); }
#slideshow > div { position:fixed; top: 10px; left: 10px; right: 10px; bottom: 10px; }
</script></head>
<body>
<div class="sideBoxTop"><span class="heading04">Our Customers Review</span></div>
<div align="center" id="slideshow">
<div>
<p id="talkbubble">"review1."</p>
<span>client1</span> </div>
<div><p id="talkbubble">"review2."</p>
<span>client2</span> </div>
<div><p id="talkbubble">"review3."</p>
<span>client3</span> </div>
</div>
<div><a href="http://www.webhostwala.com/contact-us.html">You can write to us</a>
</div>
</body>
</html>
but the other issue which came up is it shows previous slides also when it pulls next slides and fades in. Can anyone help me with this.
Thanka in advance