최신 게시글(WEB)
2020.02.17 / 11:25
자바스크립트/제이쿼리 이미지 src 변경
코로나
추천 수 250
<img src="1.png">
1.png, 2.png, 3.png, 4.png
이미지를 클릭하면 순차적으로 변경 되게 하고 싶습니다..
검색해보니 이미지 두장 연속으로 변경되는 건 있는데 4장은 없어서요 감사합니다ㅠ
01 | <div id="bImgArea"> |
02 | <img src="1.gif" id="bImg"> |
03 | </div> |
04 | <div id="mImgArea"> |
05 | <img src="1.gif" id="1" onclick="exchangSrc(this)"> |
06 | <img src="2.gif" id="2" onclick="exchangSrc(this)"> |
07 | <img src="3.gif" id="3" onclick="exchangSrc(this)"> |
08 | </div> |
09 | <script type="text/javascript"> |
10 | function exchangSrc(str) { |
11 | //alert(str.src); |
12 | $("#bImg").attr("src", $(str).attr('src')); |
13 | }; |
14 | </script> |
이런거요???
균이 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>