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

Как сделать, чтобы на сайте картинка при нажатии открывалась в большом размере а при повторном щелчке возвращалась к исходнику? В 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 не нужен.
Ответ написан
VoidVolker
@VoidVolker Куратор тега JavaScript
Dark side eye. А у нас печеньки! А у вас?
Добавить флаг "открыта/закрыта" и при клике закрывать/открывать в зависимости от флага.
Ответ написан
Комментировать
@Froggyweb
ну у тебя уже используется js
раз так можно подключить любую галерею например fancybox или проще, или накостылять свою.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы