Задать вопрос
@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
  • Вопрос задан
  • 1002 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 6
Rsa97
@Rsa97
Для правильного вопроса надо знать половину ответа
Такие вещи лучше делать не ковырянием в стилях, а переключением класса.
И jQuery не нужен.

А иногда можно и вообще без JS обойтись, но не всегда структура документа такое позволяет.
Ответ написан
4 комментария
4 комментария
VoidVolker
@VoidVolker Куратор тега JavaScript
Dark side eye. А у нас печеньки! А у вас?
Добавить флаг "открыта/закрыта" и при клике закрывать/открывать в зависимости от флага.
Ответ написан
Комментировать
Комментировать
@Froggyweb
ну у тебя уже используется js
раз так можно подключить любую галерею например fancybox или проще, или накостылять свою.
Ответ написан
Комментировать
Комментировать
mr_jok
@mr_jok
если не одноразово - использовать готовые галереи с эффектами и т.п. на jQuery
Ответ написан
Комментировать
Комментировать
@Krakanosh
Junior Fullstack Developer
Как было сказано выше, раз уж используется js (ну даже если бы не использовался) не очень понятно зачем использовать такие костыли, если можно использовать любую галерею, например lightGallery. Простая, красивая, с норм документацией и главное на мой взгляд без зависимости от jQuery.
Ответ написан
Комментировать
Комментировать
mius_it
@mius_it
Погуглите "Lightbox" - много готовых элегантных решений.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript Developer (KSC)
Лаборатория Касперского • Москва
Frontend developer (JavaScript, jQuery)
Karma8
от 150 000 до 320 000 ₽
JavaScript Developer (продукт Sber Private)
Сбер • Москва
Ещё вакансии