2017-03-05 5 views
1

クリック時のすべての画像をカスタム属性に変更したいとします。たとえば、1a.jpgをクリックすると、1b.jpgに変わります。クリック時にすべての画像をカスタム属性に変更します

<!DOCTYPE html> 
<html> 
<head> 
    <style type="text/css"> img {width:100%;} </style> 
</head> 
<body> 
    <img src="1a.jpg" alt-pic="1b.jpg"> 
    <img src="2a.jpg" alt-pic="2b.jpg"> 
    <img src="3a.jpg" alt-pic="3b.jpg"> 
<script type="text/javascript" 
src="https://code.jquery.com/jquery-3.1.1.js"></script> 
<script type="text/javascript"> 
$('img').click(function() { 
$(this).attr("src", alt-pic) 
}); 
</script> 
</body> 
</html> 

答えて

1

あなたは...うん感謝を

$(function() { 
$('img').click(function() { 
    var $this = $(this); 
    $this.attr("src", $this.attr("alt-pic")); 
    }); 
}); 
+0

を意味します。 –

+0

あなたは大歓迎です。 [回答の受付方法](http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work)をご覧ください。 – mplungjan

関連する問題