get-src-of-image
HTML
<span class="thumbnail">
<img src="http://www.euroe-com.com/agv/graphics/agv_0041A2HY-002_b.jpg" width="200">
<img src="http://www.euroe-com.com/agv/graphics/agv_0041A2HY-006_b.jpg" width="200">
<span>
<br /><br /><br />
Put inside this
<img id="main_image" src="http://www.euroe-com.com/agv/graphics/added-desc/agv_0041A2HY-02211_415x500.jpg" width="400">
JavaScript
$(document).ready(function(){
$(".thumbnail").click(function(){
var var1 = $(this).find('.thumbnail img').attr('src');
console.log(var1);
$('#main_image').attr('src', var1).load(function(){ });
});
});