Замена src у изображений по клику на div

@slojnokak · Регистрация: 18.03.2014

Студворк — интернет-сервис помощи студентам

доброго вечера, форумчане!)
делаю мини слайдер.
имеется 2 дива.
в первом диве основное изображение <img src='id1.jpg' id='id1' />.
во втором диве количеством X превью изображений <img src='idX.jpg' id='idX' />

подскажите, пожалуйста, как реализовать смену src в первом диве по клику на изображения во втором?

п.с. прошу прощения, если подобная тема затрагивалась - не нашел ответа на форуме

BuPy7 · 18.03.2014, 21:20

slojnokak, нужео ссылки хранить в массиве, а у изображений например alt использовать как индекс. Вот и тыкаешь на изображения, по альту определяешь какой индекс. Вытаскиваешь из массива изображение и меняешь href добавляя например Math.rand() в ссылку чтоб не кешировалось. Вот и всё.

@Lazy_Den · 18.03.2014, 21:32

Пример смотрим тут

HTML5
1
2
3
4
5
6
<div id="big"><img src="" alt=""/></div>
<div id="preview">
    <img data-big="http://www.novate.ru/files/u4755/proton-eye-of-the-tiger-1.jpg" src="http://www.novate.ru/files/u4755/proton-eye-of-the-tiger-1.jpg" alt="" />
    <img data-big="http://i1.i.ua/prikol/pic/0/0/210800.jpg" src="http://i1.i.ua/prikol/pic/0/0/210800.jpg" alt="" />
    <img data-big="http://dom2klub.ru/wp-content/mashina-marty-sobolevskoi.jpg" src="http://dom2klub.ru/wp-content/mashina-marty-sobolevskoi.jpg" alt="" />
</div>

JavaScript
1
2
3
$('#preview img').on('click', function(){
    $('#big img').attr('src', $(this).data('big'));
});

@slojnokak · 19.03.2014, 13:01 **[ТС]**

спасибо огромное!

Новые блоги и статьи Все статьи Все блоги /
Вывод данных через динамический список в справочнике Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .	Функция заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .
Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .	Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .

@slojnokak 0 / 0 / 0 Регистрация: 18.03.2014 Сообщений: 2

	Замена src у изображений по клику на div 18.03.2014, 21:16. Показов 5317. Ответов 3 Метки нет (Все метки) доброго вечера, форумчане!) делаю мини слайдер. имеется 2 дива. в первом диве основное изображение <img src='id1.jpg' id='id1' />. во втором диве количеством X превью изображений <img src='idX.jpg' id='idX' /> подскажите, пожалуйста, как реализовать смену src в первом диве по клику на изображения во втором? п.с. прошу прощения, если подобная тема затрагивалась - не нашел ответа на форуме 0

BuPy7 Нет ТЗ - давай досвидания 746 / 377 / 64 Регистрация: 01.12.2011 Сообщений: 2,250 Записей в блоге: 6
	18.03.2014, 21:20
	slojnokak, нужео ссылки хранить в массиве, а у изображений например alt использовать как индекс. Вот и тыкаешь на изображения, по альту определяешь какой индекс. Вытаскиваешь из массива изображение и меняешь href добавляя например Math.rand() в ссылку чтоб не кешировалось. Вот и всё. 1

@slojnokak 0 / 0 / 0 Регистрация: 18.03.2014 Сообщений: 2
	19.03.2014, 13:01 [ТС]
	спасибо огромное! 0

Замена src у изображений по клику на div

Решение