Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Создание переключателя "вкл/вык изображения"

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки

Открыть новую тему     Написать ответ в эту тему

xstaff

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Здравствуйте!
Помогите пожалуйста, для версии сайта для слабовидящих нужно сделать функцию включения отключения картинок.
Делаю разметку:

Код:
 
<div class="a-images">
    Изображения
        <a class="a-imageon" data-set="imageon" href="#" title="Вкл">Вкл</a>
        <a class="a-imageoff" data-set="imageoff" href="#" title="Выкл">Выкл</a>
</div>
 

 
В CSS пишем:

Код:
 
.imageoff img {
    display: none;
}
 
.imageon img {
    display: block;
}
 
 

 
Вот только проблема, раз переключив вык/вкл, значение display больше не меняется
Или может у кого есть пример решения? может чекбоксом или еще как....

Всего записей: 2 | Зарегистр. 29-05-2009 | Отправлено: 10:15 05-04-2016
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xstaff
да хоть чекбоксом. В javascript что используете? целяете к чекбоксу "слушатель" события изменения и делаете, что нужно.

Всего записей: 15095 | Зарегистр. 20-09-2014 | Отправлено: 06:53 15-04-2016
Открыть новую тему     Написать ответ в эту тему

Компьютерный форум Ru.Board » Интернет » Web-программирование » Создание переключателя "вкл/вык изображения"


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru