SIR
목록으로

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

이이르가체페
프로필 보기이 회원 글보기이 회원의 댓글보기
 7년 전 조회 6,087
답변 2
목록

<img src="1.png">

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

 

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

 

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

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

답변 2개

<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>

로그인 후 평가할 수 있습니다

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

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>

이런거요???

로그인 후 평가할 수 있습니다

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

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

로그인
🐛 버그신고