Збільшення зображення на кліку
- зображення, які ми хочемо збільшити, повинні мати minimized клас;
- при кліку за зображенням, перед тегом, що закривається </body> буде додаватися <div> з класом magnify в який буде виводиться наша малюнок та центруватися на сторінці та <div> з класом overlay , затемняючий фон
Щоб при наведенні на картинку, вона змінювалася, достатньо застосувати псевдоклас :hover.
Алгоритм програми
- Створити HTML документ та помістити на нього 2 об'єкти: картинку і кнопку.
- Створити функцію, яка приховуватиме картинку (або відображати її), якщо користувач натисне на кнопку.
- Створити подія для кнопки onClick, яке викликатиме нашу функцію.