Загрузка изображения в конкретный div

[any.zicky]

Привет =)
Встала проблема ,Динамически в цикле вытягиваются картинки из БД. Структура такая:

<div class="image">
<img src="image-$i.jpg" />
</div>
...
<!-- Preview fotogallery -->
<div class="preview_gallery">
<div class="photo_list">
<img src="<?=$arPhoto['PREVIEW']['src']?>">
</div>
</div>
<!-- end fotogallery -->

Т.е. на странице герениться превью здания,(штук 5 рызных) и под ними галерея с картинками связанными с этим здания.
Так вот вопрос как сделать чтобы при клике на связанную картинку из галереи она открывалась вместо превью здания?

jQuery(document).ready(function($) {
		
    $('.photo_list img').click(function(){
	//$('.image').empty().append('<img src="" height="359">');
	$('.image img ').attr('src', $(this).attr('src'));
			
	});

});

Этот код грузит связанную картинку на ВСЕ превьюшки зданий (((

[Dmitriyff]

сделайте ограничение какое-нибудь к примеру какой нибудь пользовательский аттрибут, или превью и связные в одном контейнере, ну а грузит потому-что вы глобально находит все img которые содержаться внутри элеметов с классом .image.

короче придумайте какое-нибудь ограничение, ищите более локально
be specific when needed

[Deff]

jQuery(document).ready(function($) {
		
    $('.photo_list img').click(function(){
	$('.image').html('<img src="" height="359" >');
	$('.image img ').attr('src', $(this).attr('src'));
			
	});

});