next, prev 버튼 만들기
본문
<script type="text/javascript">
$(document).ready(function(){
$('#nav a').click(function(e){
e.preventDefault();
$('#nav a').removeClass('active');
$(this).addClass('active');
img_url = $(this).attr('href');
$('#window img').attr('src',img_url);
});
})
</script>
<div id="wrap">
<div id="window">
<img src="<?php echo G5_THEME_IMG_URL; ?>/1.JPG" alt="" />
</div>
<ul id="nav">
<li>
<a href="
<?php echo G5_THEME_IMG_URL; ?>/1.JPG" class="active">
<img src="<?php echo G5_THEME_IMG_URL; ?>/1.JPG" alt="" />
<strong>1</strong>
</a>
</li>
<li>
<a href="
<?php echo G5_THEME_IMG_URL; ?>/2.JPG">
<img src="<?php echo G5_THEME_IMG_URL; ?>/2.JPG" alt="" />
<strong>2</strong>
</a>
</li>
<li>
<a href="
<?php echo G5_THEME_IMG_URL; ?>/3.JPG">
<img src="<?php echo G5_THEME_IMG_URL; ?>/3.JPG" alt="" />
<strong>3</strong>
</a>
</li>
</div>
간단한 썸네일 슬라이드를 만들었습니다.
여기에 next, prev 버튼을 만들고 싶은데, 어떻게 해야하나요??
아니면 괜찮은 썸네일슬라이드 플러그인 있을까요??