답변 2개 / 댓글 2개
채택된 답변
+20 포인트
2016-11-28 (월) 14:59:49
jquery, css, html 이런 코드를 질문하실 땐 php 코드를 섞어서 보여 주시면 실제로 실행할 수가 없어서 답변하기 상당히 난감합니다.
해당 페이지에서 소스 보기를 하신 후에 코드를 보여 주세요.
답변에 대한 댓글 2개
2016-11-28 (월) 15:21:47
2016-11-28 (월) 15:25:24
저도 디자이너분이 작동은 잘 되니까 사진이 나오게만 해달라고 넘겨받아서.. 그쪽은 생각도 못해봤네요.. 다시 적용해보아야겠네요 감사합니다.ㅠㅠ
2016-11-28 (월) 15:09:08
이정도를 보여드리면되나요?
더 필요하신부분이 있으면 말씀해주세요ㅜㅜ
답변을 작성하려면 로그인이 필요합니다.
#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>