Загрузка изображения в конкретный 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'));
});
});
Этот код грузит связанную картинку на ВСЕ превьюшки зданий (((:no: |
сделайте ограничение какое-нибудь к примеру какой нибудь пользовательский аттрибут, или превью и связные в одном контейнере, ну а грузит потому-что вы глобально находит все img которые содержаться внутри элеметов с классом .image.
короче придумайте какое-нибудь ограничение, ищите более локально be specific when needed |
jQuery(document).ready(function($) {
$('.photo_list img').click(function(){
$('.image').html('<img src="" height="359" >');
$('.image img ').attr('src', $(this).attr('src'));
});
});
|
| Часовой пояс GMT +3, время: 08:35. |