<!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>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.js"></script>
<script src="jQuery.slide.js"></script>
<script>
(function($) {
$(function() {
$('#slideshow').slideShow({slideWay:''});
//$('#slideshow').slideShow(); // 좌/우
//$('#slideshow').slideShow({slideWay:''}); // 상/하
});
}) (jQuery);
</script>
</head>
<body>
<div id="slideshow">
<div style="width:40px;float:left;"><span id="left">이전</span></div>
<div id="slidesContainer" style="width:260px;height:160px;float:left;overflow:hidden;">
<div class="slide">1</div>
<div class="slide">2</div>
<div class="slide">3</div>
<div class="slide">4</div>
</div>
<div style="width:40px;float:left;"><span id="right">다음</span></div>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.js"></script>
<script src="jQuery.slide.js"></script>
<script>
(function($) {
$(function() {
$('#slideshow').slideShow({slideWay:''});
//$('#slideshow').slideShow(); // 좌/우
//$('#slideshow').slideShow({slideWay:''}); // 상/하
});
}) (jQuery);
</script>
</head>
<body>
<div id="slideshow">
<div style="width:40px;float:left;"><span id="left">이전</span></div>
<div id="slidesContainer" style="width:260px;height:160px;float:left;overflow:hidden;">
<div class="slide">1</div>
<div class="slide">2</div>
<div class="slide">3</div>
<div class="slide">4</div>
</div>
<div style="width:40px;float:left;"><span id="right">다음</span></div>
</div>
</body>
</html>
'web standard > jquery' 카테고리의 다른 글
| 탭메뉴 (1) | 2011.06.16 |
|---|---|
| 이미지롤오버 (0) | 2011.04.06 |
| jquery 예제모음 (0) | 2011.03.22 |
| 베너 슬라이드&버튼이동 (0) | 2011.02.22 |
| [jquery]네임태그이동 (0) | 2011.02.22 |
