이전 목록 다음

자바스크립트/제이쿼리 이미지 src 변경

이이르가체페
프로필 보기이 회원 글보기이 회원의 댓글보기
 2018-07-10 (화) 12:18:16 6,189

<img src="1.png">

1.png, 2.png, 3.png, 4.png

이미지를 클릭하면 순차적으로 변경 되게 하고 싶습니다..

검색해보니 이미지 두장 연속으로 변경되는 건 있는데 4장은 없어서요 감사합니다ㅠ

제이쿼리 자바스크립트 이미지src
|

답변 2개

균균이
프로필 보기이 회원 글보기이 회원의 댓글보기
 2018-07-11 (수) 00:11:59

<img src="1.png" id='img123'>

<script>

var nn=1;

 $('#img123').click( function(){

  nn++; if(nn>3) nn=1;

  $(this).attr('src', nn+'.png');

});

<script>

불불량학생™
프로필 보기이 회원 글보기이 회원의 댓글보기
 2018-07-10 (화) 15:11:47
Copy 
<div id="bImgArea">
    <img src="1.gif" id="bImg">
</div>

<div id="mImgArea">
    <img src="1.gif" id="1" onclick="exchangSrc(this)">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <img src="2.gif" id="2" onclick="exchangSrc(this)">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <img src="3.gif" id="3" onclick="exchangSrc(this)">
</div>
<script type="text/javascript">
function exchangSrc(str) {
    //alert(str.src);
    $("#bImg").attr("src", $(str).attr('src'));
};
</script>

이런거요???

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