Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Поменять путь к файлу картинки по клику (https://javascript.ru/forum/jquery/62103-pomenyat-put-k-fajjlu-kartinki-po-kliku.html)

ufaclub 24.03.2016 19:40

Поменять путь к файлу картинки по клику
 
<a id="rele" href="#">картинка 1</a>

по умолчанию выводиться картинка

<img src="/images/1/img.jpg">


как то нужно сделать чтобы при клике на a#rele менялся путь к картинке на 2
<img src="/images/2/img.jpg">


и текст в ссылке менялся на картинка 2.

нужно менять иммено имя папки с 1 на 2 и обрабно через trigger jquery

подскажите пожалуйста как это сделать

Dilettante_Pro 25.03.2016 10:41

ufaclub,
Цитата:

Сообщение от ufaclub
нужно менять иммено имя папки с 1 на 2 и обрабно через trigger jquery

А вы уверены, что нужно использовать именно trigger?


.trigger()
Вызывает событие у выбранных элементов, что приводит к запуску обработчиков этого события. Метод имеет два варианта использования:
.trigger(eventType, [extraParameters]):jQueryv:1.0
eventType — тип вызываемого события. Например "click", "resize" и.т.д. (список всех событий см. ниже).
extraParameters — массив дополнительных данных, передаваемых в обработчик.

.trigger(eventObject):jQueryv:1.3
Позволяет повторно запустить событие из обработчика текущего события. Может быть полезно при необходимости вызывать событие через определенные периоды времени.

eventObject — объект обрабатываемого события, который был передан в обработчик. (http://jquery.page2page.ru/index.php...82%D0%B8%D1%8F)
Цитата:

Сообщение от ufaclub
как то нужно сделать чтобы при клике на a#rele менялся путь к картинке на 2

Как-то использование trigger не очень укладывается в схему:
По click на a#rele запустится обработчик, который запустит триггер, который запустит новое событие, которое запустит обработчик замены путей и названий.
Вам не кажется, что триггер здесь - лишнее промежуточное звено?

Может, вы имели в виду toggle?
.toggle()
Поочередно выполняет одно из нескольких заданных действий. Имеет четыре варианта использования:
.toggle(handler1(eventObject), handler2(eventObject), [handler3(eventObject)]):jQueryv:1.0
Поочередно выполняет одну из двух или более заданных функций handler, в ответ на "клик" по элементу.
.toggle([duration], [callback]):jQueryv:1.0
Изменяет видимость выбранных элементов на противоположную (показывает/скрывает).

duration — продолжительность выполнения анимации. Может быть задана в миллисекундах или строковым значением 'fast' или 'slow' (200 и 600 миллисекунд).
callback — функция, которая будет вызвана после завершения анимации.

.toggle([duration],[easing],[callback]):jQueryv:1.4.3
duration — см. выше.
easing — изменение скорости появления/исчезновения (будет ли она замедляется к концу выполнения или наоборот ускорится). (см. описание)
callback — см. выше.

.toggle(showOrHide):jQueryv:1.3
Только показывает (showOrHide = true) или только убирает с экрана (showOrHide = false) выбранные элементы на странице.
Замечание: Отметим существенное отличие первого варианта использования метода toggle(), от трех других: в случае первого варианта, метод используется как обработчик события onClick у выбранных элементов, в то время как два остальных варианта вызываются непосредственно для изменения состояния выбранных элементов.
http://jquery.page2page.ru/index.php...86%D0%B8%D0%B9


Часовой пояс GMT +3, время: 06:35.