답변 2개 / 댓글 2개
채택된 답변
+20 포인트
jquery, css, html 이런 코드를 질문하실 땐 php 코드를 섞어서 보여 주시면 실제로 실행할 수가 없어서 답변하기 상당히 난감합니다.
해당 페이지에서 소스 보기를 하신 후에 코드를 보여 주세요.
답변을 작성하려면 로그인이 필요합니다.
#gallery로 되어 있는데 그건 section id고 실제로 적용해야 할 거라면 이미지가 나오는 부분이어야 하는 거 같네요.
https://www.npmjs.com/package/jquery-simplegallery
사용법은 위 경로 참고해 보세요.
위 경로대로 했다고 가정하고...
<img src="" class="b-img" />
<div class="simple_img_gallery">
<a href="images/1.jpg"><img src="images/1.jpg" class="s-img" /></a>
<a href="images/2.jpg"><img src="images/2.jpg" class="s-img" /></a>
<a href="images/3.jpg"><img src="images/3.jpg" class="s-img" /></a>
<a href="images/4.jpg"><img src="images/4.jpg" class="s-img" /></a>
<a href="images/5.jpg"><img src="images/5.jpg" class="s-img" /></a>
</div>
<script>
$(function() {
$("img.s-img").on("click", function() {
$("img.b-img").attr("src", $(this).attr("src"));
});
</script>