Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 30.07.2012, 12:08
Интересующийся
Отправить личное сообщение для any.zicky Посмотреть профиль Найти все сообщения от any.zicky
 
Регистрация: 06.06.2012
Сообщений: 20

Загрузка изображения в конкретный div
Привет =)
Встала проблема ,Динамически в цикле вытягиваются картинки из БД. Структура такая:
<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'));
			
	});

});


Этот код грузит связанную картинку на ВСЕ превьюшки зданий (((
Ответить с цитированием
  #2 (permalink)  
Старый 30.07.2012, 17:24
Профессор
Отправить личное сообщение для Dmitriyff Посмотреть профиль Найти все сообщения от Dmitriyff
 
Регистрация: 22.07.2012
Сообщений: 164

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

короче придумайте какое-нибудь ограничение, ищите более локально
be specific when needed
Ответить с цитированием
  #3 (permalink)  
Старый 30.07.2012, 17:36
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,220

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

});
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
JQuery: загрузка и обработка изображения MCTrane Общие вопросы Javascript 8 25.12.2011 20:34
AJAX загрузка изображения. GiSEG jQuery 4 18.11.2011 18:10
Загрузка изображения shilinpavel Элементы интерфейса 6 27.09.2011 17:30
Асинхронная загрузка изображения dummer jQuery 13 21.05.2010 04:18
Загрузка изображения Najche2zz Элементы интерфейса 1 11.08.2009 15:41