Intereting Posts
Контроль streamа вложенных исполнений Выпадающий семантический интерфейс: измените скрытые значения? Список миниатюр jQuery для мобильных устройств в папке Select Drop Down Проверка jQuery, не проверяющая или отправляющая Получение родительского iframe документа в jQuery KnockoutJS, обновление ViewModel после вызова ajax предотвратить загрузку файла предварительной загрузки Adobe Edge.exe. Uncaught ReferenceError: jQuery не определен Как использовать JQuery в Selenium? В чем разница между $ и $$? Автозаполнение: первый элемент сфокусирован только тогда, когда пользователь вводит ключ табуляции Изотопная grid + угловая печать, удаление пустых пространств, логика сортировки Правильный закрывающий тег в селекторе jQuery Как фильтровать нежелательные элементы с помощью jQuery Почему $ .post () подчиняется политике одного и того же происхождения, но представляет форму с методом = «POST» в порядке?

Как изменить атрибут изображения и alt при нажатии?

Я хочу изменить несколько изображений onclick с помощью JQuery вместо обычного JavaScript, а также изменить атрибут alt alt одновременно для доступности.

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

Вот как я работал с JS (без изменения атрибута alt):

   Change Image using Javascript  function changeImg(image_id, image_folder){ document.getElementById(image_id).src = image_folder; }    
Original Image 1


Original Image 2

И есть ли способ избежать повторения изображений / nameofthesubfolder /?

Редактировать: Большое спасибо altCognito, но я не понимаю, как использовать этот код для создания другого атрибута alt для каждого изображения . Возможно, я забыл упомянуть, что искал его (плохой).

Пойдем с этим. (Я бросился через это изначально)

  

И затем jQuery:

 imgFldr = 'images/nameofthesubfolder/'; $("input[type='radio']").click(function() { $('#'+this.name).attr('src', imgFldr+this.value).attr('alt', 'newattribute'); }); 

См. Пример .

Вы можете изменить его здесь: http://jsbin.com/esebu/edit

Вы действительно не нуждаетесь в таком изменении кода.

Вот пример:

 function changeImg(image_id, image_folder) { $("#" + image_id).attr({ 'src': image_folder, 'alt': image_folder }); } 

И вы можете сохранить ur html-код.