Ширина модального окна задана в процентах, в зависимости от ширины родительского контейнера, в данном примере это фон затемнения.
Предусмотрена возможность использования встроенных миниатюр, разположенных слева или справа, в отдельном div-контейнере с выделенным классом .pl-left и .pl-right соответственно.
Размер блока миниатюр так же определил в процентной записи (25%), тем самым обеспечив возможность пропорционального изменения, при просмотре на экранах различных пользовательских устройств.
Простейшая анимация появления с помощью изменения свойсва прозрачности (opacity) от 0 к 1
Сегодня почти вся электронная аппаратура включается и выключается с помощью одной кнопки БЕЗ фиксации, это так называемые тактовые или тактильные кнопки, кнопки без фиксации, нажал - замкнулось, отпустил - разомкнулось или наоборот. Предлагаю вашему вниманию простую схему для включения и выключения устройства с помощью одной кнопки. Схема построена на микроконтроллере attiny2313 и содержит всего пару навесных элементов. Вы спросите, почему attiny2313? Почему не attiny13? Все дело в том, что эти микроконтроллеры по цене не сильно отличаются друг от друга, у нас в городе attiny2313 стоит дешевле attiny13 на 5 рублей. Схема выключателя представлена ниже:
Принцип работы схемы следующий, при первом включении устройства (после подачи питания на микроконтроллер) динамик издаст короткий прерывистый звук. После начнет мигать светодиод d2 с частотой примерно 0.5 сек, который будет сообщать о том, что устройство, к примеру усилитель, в режиме ожидания - т.е. питание подано, но усилитель еще не включен. Дальше никаких действий не произойдет пока вы не нажмете на кнопку, после нажатия на кнопку загорится светодиод d1 а светодиод d2 перестанет мигать. Вместо светодиода d1 можно подключить небольшое реле вольт на 5, естественно через транзистор. Динамик можно снять со старого будильника или нерабочей материнской платы компьютера. При прошивке микроконтроллерафьюзы устанавливать не нужно.Для тех, кто хочет поковыряться в коде или изменить его, исходный код программы дан ниже, может быть он немного кривой, но все испытано и все работает прекрасно.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | $regfile = "attiny2313.dat" $crystal = 4000000 config portb.1 = output : set portd.1 config portb.4 = output config portd.4 = output speaker alias pind.4 sound speaker , 420 , 60 pind.4 = 0 do debounce pind.1 , 0 , en , sub if pinb.1 = 0 then pinb.4 = 1 waitms 400 pinb.4 = 0 else pinb.4 = 0 end if loop en: toggle portb.1 return |
Выкладывать все варианты прошивок не буду, если кому то например не нужен мигающий светодиод, убираете соответствующие строки (с меткой pind.4) и компилируете код.Файл печатнойплаты лежит ниже в архиве, для своего варианта печатную плату я не изготавливал. Вообще, схему решил сделать и скинуть после того, когда после долгих поисков в интернете я не нашел ни одной подобной схемы на МК
Фото устройства:
АРХИВ:Скачать