Как изменить Скрипт на javascript?

Question

[roman-o]

Помогите, пожалуйста.
Есть скрипт .Смысл при наведении на маленькое изображение показывается большее. Проблема в том, что при загрузки страницы область большего изображения пуста, как сделать чтобы при загрузке там было первое изображение.

<div id="container">
		<div id="descr">Image Description</div>

		<div class="large_img"><img id="large_img" /></div>
		<br />

		<div class="small_img"><img src="thumbs/1.png" id="img_1" /></div>
		<div class="small_img"><img src="thumbs/2.png" id="img_2" /></div>
		<div class="small_img"><img src="thumbs/3.png" id="img_3" /></div>
		<div class="small_img"><img src="thumbs/4.png"  id="img_4"  /></div>
	</div>
	<!-- End container -->

	<script>
	$("#img_1").mouseover(function ()
	{
		$("#large_img").attr({src:'1.png'});
		$("#descr").html($("#img_1").attr('alt'));
	});

	$("#img_2").mouseover(function ()
	{
		$("#large_img").attr({src:'2.png'});
		$("#descr").html($("#img_2").attr('alt'));
	});

	$("#img_3").mouseover(function ()
	{
		$("#large_img").attr({src:'3.png'});
		$("#descr").html($("#img_3").attr('alt'));
	});

	$("#img_4").mouseover(function ()
	{
		$("#large_img").attr({src:'4.png'});
		$("#descr").html($("#img_4").attr('alt'));
	});
	</script>

Answer 1

[Дмитрий Новиков]

$(document).ready(function(){
$("#large_img").attr('src',  $("#img_1").attr('src'));
});

Comments

[roman-o]

спасибо, большое

Answer 2

[BIG_bu]

Вы забыли в пути указать "thumbs/"
или
https://jsfiddle.net/t4r8watu/