jquery - Javascript - change variable name -
i have code:
if(response.next == "2") { $('.imgdiff-1').attr('src', img2.src); $('.imgdiff-2').attr('src', img22.src); } if(response.next == "3") { $('.imgdiff-1').attr('src', img3.src); $('.imgdiff-2').attr('src', img32.src); } if(response.next == "4") { $('.imgdiff-1').attr('src', img4.src); $('.imgdiff-2').attr('src', img42.src); } if(response.next == "5") { $('.imgdiff-1').attr('src', img5.src); $('.imgdiff-2').attr('src', img52.src); } var level_img_src = "images/levels/"; var img2 = new image(); img2.src = level_img_src + '2.jpg'; var img22 = new image(); img22.src = level_img_src + '22.jpg'; var img3 = new image(); img3.src = level_img_src + '3.jpg'; var img32 = new image(); img32.src = level_img_src + '32.jpg'; var img4 = new image(); img4.src = level_img_src + '4.jpg'; var img42 = new image(); img42.src = level_img_src + '42.jpg'; var img5 = new image(); img5.src = level_img_src + '5.jpg'; var img52 = new image(); img52.src = level_img_src + '52.jpg'; i want instead of if statements make this:
$('.imgdiff-1').attr('src', img' + response.next + '.src); $('.imgdiff-2').attr('src', img' + response.next + '2.src); this code doesn't work, want change object name dinamically variable comes ajax.
any thoughts how write code in more compact way?
put images array:
img = img2 = []; // empty array img[2] = new image(); img[2].src = level_img_src+'2.jpg'; img2[2] = new image(); img2[2].src = level_img_src+'22.jpg'; // etc. then pull images out index number:
$('.imgdiff-1').attr('src', img[response.next].src); $('.imgdiff-2').attr('src', img2[response.next].src);
Comments
Post a Comment