<style>
.img {
margin-left:10px;
}
#main {
width:340px;
height:140px;
border:4px solid red;
overflow:hidden;
}
#sub {
width:1000px;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function()
{
$("#btn").click(function()
{
setInterval(function()
{
$(".img").eq(0).insertAfter($(".img").eq(5));
},2000);
});
});
</script>
</head>
<body>
<input type="button" id="btn" value="바꾸기">
<hr>
<div id="main">
<div id="sub">
<img src="a2.jpg" width="100" class="img"><img src="a3.jpg" width="100" class="img"><img src="a4.jpg" width="100" class="img"><img src="a5.jpg" width="100" class="img"><img src="a6.png" width="100" class="img"><img src="a7.jpg" width="100" class="img">
</div>
</div>
</body>위에 건 슬라이드는 아님
국비 코딩