Изменение src у img, используя jQuery

Вопрос: Возможно ли поменять у рисунка src, используя только jQuery?

Ниже представлен HTML код, следующего вида:

Когда кто-нибудь кликает на изображение, я хочу, чтобы источник изображения менялся, например, с 1 на 2.

Если это возможно, то что нужно прописать в JS и CSS коде?

Ответ: Да. Используя jQuery

Вы можете использовать функцию jQuery attr(). На пример, если тэг img имеет атрибут id равный 'my_image':

Далее, вы можете изменить src с помощью jQuery, следующим образом:

Чтобы приделать этот код на событие нажатия кнопки мыши, мы должны написать:

Чтобы менять изображение, вы должны написать следующее:


8 комментариев на “Изменение src у img, используя jQuery

  1. А что мешает просто использовать JS и организовать предварительную загрузку картинок в массив и последующее использование? Примерно так, как делает это в навигационной панели мастер в Macromedia Dreamweaver?

    • Мне кажется мешает сама суть вопроса, в котором автор вполне конкретно уточнил, можно ли поменять атрибут SRC используя JQuery. Если бы автор спросил, «можно ли заменить одну картинку другой» или как-то так, то, думаю Ваш вариант был бы одним из наиболее оптимальных.

  2. Отлично!

    Всю башку сломал как сделать слайд-шоу МИНИМАЛЬНЫМИ затратами. Прикрутил к вашему примеру обработчик по таймеру и вуаля! Все работает!!!

Оставить комментарий