sadet48 - slideY

next-slideY kodunu göster: Resmin üzerine tıklayın JQuery Cycle Plugin-next (Click on image for next slide)

<!DOCTYPE html>
<html>
<head>
<title>JQuery Cycle Plugin-next(Click on image for next slide)</title>
<style type="text/css">
#next
{
width:540px;height:440px;list-style-type: none;overflow: hidden
}
#next 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">
$('#next').cycle({ 
    fx:     'slideY', 
    speed:  300, 
    next:   '#next', 
    timeout: 0 
});
</script>
</head>
<body>
<div id="next">

</body>
</html>