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 버튼을 만들고 싶은데, 어떻게 해야하나요??
아니면 괜찮은 썸네일슬라이드 플러그인 있을까요??
답변 2
bxslider로 모든것을 구현가능합니다. 커스텀모드도 있으니 구글검색해서 확인해보세요 ㅎ
bxslider는 썸네일 슬라이드가 안되더라구용
jquery plugin 에서는 이미지를 슬라이드해주는 역할만합니다.
이미지를 불러올때 원본이미지든 썸네일 이미지든 불러오는 역할은 html이나 php가 하는겁니다.
플러그인 기능과 관련없는줄로 압니다.
그럼 썸네일 슬라이드는 어떻게 사용하나요?
