sadet48 - scrollRight

scrollRight kodunu göster: JQuery Cycle Plugin-scrollRight (click)

<!DOCTYPE html>
<html>
<head>
<title>JQuery Cycle Plugin-scrollRight (click)</title>
<style type="text/css">
#right
{
width:540px;height:440px;list-style-type: none;overflow: hidden
}
#right img 
{ 
padding: 15px; 
border: 1px solid #ccc; 
background-color: #eee;
width:330px;
height:230px;
display:block;
overflow:hidden;
 }
</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

<script type="text/javascript" src="http://malsup.github.com/jquery.cycle.all.js"></script>
<script type="text/javascript">
$('#right').cycle({ 
    fx:      'scrollRight', 
    next:   '#right', 
    timeout:  0, 
    easing:  'easeInOutBack' 
});
</script>
</head>
<body>
<div id="right">

</div>
</body>
</html>