ÃֽŠ°Ô½Ã±Û(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>