Форум → Разработка → Клиентская сторона → Юзабилити интерфейсов → увеличенные детали, реализация
увеличенные детали, реализация
Страницы: ← Предыдущая страница →
-
-
-
5 февраля 2010 г. 15:53, спустя 50 минут 14 секунд
http://www.cssplay.co.uk/menu/using-clickbox.htmlСпустя 30 сек.без JavaScript на!
А я тут глюк нашел: в ФФ открываем картинку (увеличение) и… и после этого кликаем не на "крестике" а пофигу где. Вродь все ок, кроме того, что теперь при наведении (простом наведении) на крестик окошко закрывается :(
Но вообще реализация очень интересная. Жаль только что для этого нужно на страницу (если это, к примеру, галлерея какая-то) сразу же грузит ВСЕ фотографии большого размера. Трафик будет не в восторге. -
5 февраля 2010 г. 16:56, спустя 1 час 3 минуты 18 секунд
ммм… думаю не обязательно грузить сразу большого размера. фактически браузер затребует большую картинку только тогда, когда понадобится её отрисовать.
тему надо копнуть, но думаю так!ιιlllιlllι унц-унц -
5 февраля 2010 г. 17:02, спустя 6 минут 19 секунд
artoodetoo, круто тока не понял как они ловят клик -
-
-
5 февраля 2010 г. 17:11, спустя 2 минуты 38 секунд
легко
artoodetoo, круто тока не понял как они ловят клик
представь ситуацию
<a href="" class="light"><img src="small.png" /><span class="box"><img src="big.png" /></span></a>
ну и ксс код.light .box { display: none}
а потомa.light:active .box { display: block;}
ну и дальше просто играют типа
a.light:active .box {
width: 100%;
height: 100%;
position: fixed;
z-index: 1000;
text-align: center;
}
ну и про фоточку не забываемa.light:active .box img {
max-width: 500px;
max-height: 500px;
}
как мы знаем active держится, пока мы фокус не сбросим с элемента, именно поэтому то и закрывается когда кликаем в другом месте, пусть даже в файрбаге ;)Сапожник без сапог -
5 февраля 2010 г. 17:31, спустя 20 минут 1 секунду
artoodetoo, без JS кажись без предзагрузки никак не обойтись. По сути ведь браузер загружает и "скрытые" дивы с картинками (а значит и сами картинки), просто не отображает их до поры до времени. Хотя, можно попробовать "схитрить" малость, сделав "большую картинку" не картинкой, а бекграундом, который будет появляться только при событии :hover на блоке.
Нужно будет попробовать побаловаться в этом направлении (да, таки мне не нравится JS + я и так уже давно стараюсь всю возможную графику на сайте запихивать в бекграунды). -
Страницы: ← Предыдущая страница →
Пожалуйста, авторизуйтесь, чтобы написать комментарий!