Скрипт простой галереи
 

у меня небольшой вопросик к гуру), я почти ничего не смислю в скриптах потому не пенайте. Никак немогу сделать скрипт(JQuery) по типу простой галереи: при нажатии на ескиз <div class="thumbs"> чтобы в <div id="largeImg"> отображалась эта картинка, но загвоздка состоит в том что html код должен быть следующим:

<div class="thumbs">
    <img src="01.jpg"/>
    <img src="02.jpg"/>
    <img src="03.jpg"/>
    <img src="04.jpg"/>
    <img src="05.jpg"/>
    <img src="06.jpg"/>
    <img src="07.jpg"/>
</div>

<div id="largeImg"><img src="01.jpg"/></div>

Скрипт:

$(".thumbs").click(function(){	  
var largePath = $(this).attr("src");
$("#largeImg").attr({src: largePath});
});

Помогите со скриптом, буду очень благодарен.

У вас здесь: var largePath = $(this).attr("src");
this ссылается на div у которого вы считываете src. src вроде у рисунков.

Riim, я это понимаю, но скрипт не работает, я бы хотел знать почему, причину

$(".thumbs img").click(function(){      
var largePath = $(this).attr("src");
$("#largeImg").attr({src: largePath});
});

?

Андрей Параничев, не катит:help:

А я вам, что не причину написал.

Если вы это понимаете, то как же так: вы понимаете, что надо написать по другому, но специально пишете неправильно. javascript должен мысли ваши читать?

И рандом еще в src добавлять полезно.

$(".thumbs img").click(function(){      
var largePath = $(this).attr("src");
$("#largeImg").attr({src: largePath + Math.random()});
});

Riim, к сожелению тоже не работает

Вот ссылка на скрипт может чемто поможет:
http://anton.shevchuk.name/wp-demo/j...placement.html

<div id="largeImg"><img src="01.jpg"/></div>

$(".thumbs img").click(function(){      
var largePath = $(this).attr("src");
$("#largeImg img")[0].attr({src: largePath + Math.random()});
});