자바스크립트/제이쿼리 이미지 src 변경
본문
<img src="1.png">
1.png, 2.png, 3.png, 4.png
이미지를 클릭하면 순차적으로 변경 되게 하고 싶습니다..
검색해보니 이미지 두장 연속으로 변경되는 건 있는데 4장은 없어서요 감사합니다ㅠ
답변 2
<div id="bImgArea">
<img src="1.gif" id="bImg">
</div>
<div id="mImgArea">
<img src="1.gif" id="1" onclick="exchangSrc(this)">
<img src="2.gif" id="2" onclick="exchangSrc(this)">
<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>
이런거요???
<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>
답변을 작성하시기 전에 로그인 해주세요.
