Как сделать так чтобы в место value использовать url чтобы картинка менялось через значение url а не с value?
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
var img_r = new Image();
img_r.src = "2.png";
function img_size(val){
var kartinka = document.getElementById("kartinka");
kartinka.src = img_r.src;
var img = new Image();
img.onload = function() {
kartinka.src = this.src
};
switch(val){
case "1":
img.src = "img/2.png";
break;
case "2":
img.src = "img/3.png";
break;
}
}
</script>
</head>
<body>
<input type="radio" name="" value="1" onclick="img_size(this.value)" />11
<br>
<input type="radio" name="" value="2" onclick="img_size(this.value)" />22
</body>
</html>
Я уже использовал date-url но неработаеть.
Как сделать так чтобы картинка менялось не с значение value а с другого ... Например url или id?