채택완료

이건 스크립트 뭐라고 검색해야 나올까요

2020-10-22 (목) 14:29:09 1,653

http://www.gooseulhambak.com/franchise/franchise_030100.html

여기 사이트 이미지 처럼 작업하려고하는데요

검색을 뭐라고해야 소스가 나올까요...

|

답변 2개 / 댓글 2개

채택된 답변
+20 포인트
2020-10-22 (목) 14:45:31

단순히 이미지에 마우스 올리는 거면

마우스 오버 시 이미지 변경

이런 식으로 단어 조합해서 검색하셔도 돼요.

http://exam.dothome.co.kr/temp/wrid_382419.html

답변에 대한 댓글 2개

2020-10-22 (목) 15:12:16
<style>
li { list-style: none; display: inline-block; }
li img { width: 100px; }
</style>
<script src="http://code.jquery.com/jquery-2.2.4.min.js"></script>
<script>
$(function() {
$(".interior img").on("mouseover", function() {
$("#interior img").attr("src", $(this).attr("src"));
});
});
</script>

<ul class="interior">
<li><img src="http://www.gooseulhambak.com/images/franchise/interior_0201.jpg"></li>
<li><img src="http://www.gooseulhambak.com/images/franchise/interior_0202.jpg"></li>
<li><img src="http://www.gooseulhambak.com/images/franchise/interior_0203.jpg"></li>
</ul>
<div id="interior"><img src="http://www.gooseulhambak.com/images/franchise/interior_0201.jpg"></div>
2020-10-22 (목) 15:12:28
감사합니닷!!!!
2020-10-22 (목) 14:41:12

이미지 슬라이드 말씀하시는건가요?

swiper, owl-carousel 등등

이미지 슬라이드로 검색해보세요

답변을 작성하려면 로그인이 필요합니다.