Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

Вернуться   Форум программистов > Web > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Ответ
 
Опции темы
Старый 11.02.2018, 16:40   #1
bacalavr1
Новичок
 
Регистрация: 11.02.2018
Сообщений: 2
Репутация: 10
По умолчанию Изменение размера картинки при клике на нее и сохранение размеров пока курсор на ней - HTML, CSS

Есть картинка, при клике на нее, она увеличивается и сохраняет свои размеры до тех пор, пока на ней курсор мыши.
Скорее всего это можно сделать с помощью псевдоклассов :hover и :active, но правильно сделать не получается(
bacalavr1 вне форума   Ответить с цитированием
Старый 14.02.2018, 22:43   #2
Naive
Раздолбайских Дел
Профессионал
 
Аватар для Naive
 
Регистрация: 22.05.2009
Адрес: Екатеринбург
Сообщений: 3,692
Репутация: 2205
По умолчанию

jsfiddle
__________________
Работаю. В этот раз за деньги.
Жду ваши искренние спасибы на яндекс-кошелек: 410011068154587
Naive вне форума   Ответить с цитированием
Старый 15.02.2018, 11:11   #3
bacalavr1
Новичок
 
Регистрация: 11.02.2018
Сообщений: 2
Репутация: 10
По умолчанию

Вот как решалась данная задача:

<div class="block">
<div class="block1" ></div>
<div class="block2" ></div>
</div>

CSS

.block1{
width: 300px;
height: 300px;
background-image: url(1.png);
background-size: 100%;
display: none;
}

.block2{
width: 200px;
height: 200px;
background-image: url(1.png);
background-size: 100%;
}

.block:active .block1{
display: block;
}

.block:active .block2{
display: none;
}

.block1:hover{
display: block;
}

.block1:hover + .block2{
display: none;
}
bacalavr1 вне форума   Ответить с цитированием
Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Изменение размеров timage при изменении размера формы WebbMan C++ Builder 5 26.02.2013 21:14
Изменение размера картинки при ресайзе формы JoLan Компоненты Delphi 2 31.07.2012 15:07
Изменение размеров шапки и добавление в нее элементов MyLastHit Общие вопросы Delphi 5 04.11.2011 19:56
Увеличение картинки при наведении на нее курсор messi013 Общие вопросы Delphi 5 10.01.2010 18:22


13:03.


Powered by vBulletin® Version 3.8.8 Beta 2
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.

RusProfile.ru


Справочник российских юридических лиц и организаций.
Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru