Задать вопрос
@Airon007
javascript

Как сделать, чтобы на сайте картинка при нажатии открывалась в большом размере а при повторном щелчке возвращалась к исходнику? В HTML?

есть вот такой код:
<html>

<img id="kartinka" src="../../kartinka.jpg" /> 

</html>

<script type="text/javascript">

$("#kartinka").on("click", function(e){

e.preventDefault();

$(this).css({"height":"100%", "width":"100%"});

})

</script>

-------------------------------------------
Картинка раскрывается, но обратно ее не закрыть.Можно ли как то исправить сей недочет? Плагин на сайт не установить да и работает только HTML
  • Вопрос задан
  • 77 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 3
Rsa97
@Rsa97
Для правильного вопроса надо знать половину ответа
Такие вещи лучше делать не ковырянием в стилях, а переключением класса.
И jQuery не нужен.
Ответ написан
1 комментарий
1 комментарий
VoidVolker
@VoidVolker Куратор тега JavaScript
Dark side eye. А у нас печеньки! А у вас?
Добавить флаг "открыта/закрыта" и при клике закрывать/открывать в зависимости от флага.
Ответ написан
Комментировать
Комментировать
@Froggyweb
ну у тебя уже используется js
раз так можно подключить любую галерею например fancybox или проще, или накостылять свою.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Старший Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36 • Воронеж
от 100 000 до 150 000 ₽
Front-End developer (JavaScript, jQuery)
Karma8
от 150 000 до 320 000 ₽
Ещё вакансии