увеличенные детали, реализация

Faster ↓

05 Февраль, 2010, 03:01:45

НЕ ХУЕТА! ХУЕТА!

Карма: 10
Сообщений: 954
Сила слова: 1.05

неплохо


	Записан

воспитываю дочь. С домами и деревьями - не приставать.

artoodetoo ↓

05 Февраль, 2010, 03:03:06 , спустя 1 минуту 21 секунду

НЕ ХУЕТА! ХУЕТА!

с особым цинизмом
Группа: в ухо

Карма: 124
Сообщений: 3804
Сила слова: 3.26

не то слово. охуи*ельно!


	Записан

Givi ↓

05 Февраль, 2010, 03:53:20 , спустя 50 минут 14 секунд

НЕ ХУЕТА! ХУЕТА!

Группа: Адекваты

Карма: 42
Сообщений: 2305
Сила слова: 1.82

artoodetoo

http://www.cssplay.co.uk/menu/using-clickbox.html
Спустя 30 секунд добавил
без JavaScript на!

А я тут глюк нашел: в ФФ открываем картинку (увеличение) и... и после этого кликаем не на "крестике" а пофигу где. Вродь все ок, кроме того, что теперь при наведении (простом наведении) на крестик окошко закрывается :(

Но вообще реализация очень интересная. Жаль только что для этого нужно на страницу (если это, к примеру, галлерея какая-то) сразу же грузит ВСЕ фотографии большого размера. Трафик будет не в восторге.


	Записан

Все, что говорят другие - неправда! До тех пор, пока ты сам в это не поверишь.
Если человек дурак, то... чур это не я!

artoodetoo ↓

05 Февраль, 2010, 04:56:38 , спустя 1 час 3 минуты 18 секунд

НЕ ХУЕТА! ХУЕТА!

с особым цинизмом
Группа: в ухо

Карма: 124
Сообщений: 3804
Сила слова: 3.26

ммм... думаю не обязательно грузить сразу большого размера. фактически браузер затребует большую картинку только тогда, когда понадобится её отрисовать.
тему надо копнуть, но думаю так!


	Записан

CTAPbIu_MABP ↓

05 Февраль, 2010, 05:02:57 , спустя 6 минут 19 секунд

НЕ ХУЕТА! ХУЕТА!

мавр
Группа: в ухо

Карма: не нужна
Сообщений: 5187
Сила слова: 1.81

artoodetoo, круто тока не понял как они ловят клик


	Записан

java.lang.OutOfMemoryError

artoodetoo ↓

05 Февраль, 2010, 05:07:40 , спустя 4 минуты 43 секунды

НЕ ХУЕТА! ХУЕТА!

с особым цинизмом
Группа: в ухо

Карма: 124
Сообщений: 3804
Сила слова: 3.26

фокус в псевдоклассе :focus


	Записан

CTAPbIu_MABP ↓

05 Февраль, 2010, 05:08:32 , спустя 52 секунды

НЕ ХУЕТА! ХУЕТА!

мавр
Группа: в ухо

Карма: не нужна
Сообщений: 5187
Сила слова: 1.81

пасибо я в другой теме увидел


	Записан

java.lang.OutOfMemoryError

phpdude ↓

05 Февраль, 2010, 05:11:10 , спустя 2 минуты 38 секунд

НЕ ХУЕТА! ХУЕТА!

я - ЭМО
Группа: в ухо

Карма: 344
Сообщений: д-о-х-у-я!
Сила слова: 1.66

CTAPbIu_MABP

artoodetoo, круто тока не понял как они ловят клик

легко

представь ситуацию

HTML

ну и ксс код

CSS

.light .box { display: none}

а потом

CSS

a.light:active .box { display: block;}

ну и дальше просто играют типа

CSS

a.light:active .box {
   width: 100%;
   height: 100%;
   position: fixed;
   z-index: 1000;
   text-align: center;
}

ну и про фоточку не забываем

CSS

a.light:active .box img {
max-width: 500px;
max-height: 500px;
}

как мы знаем active держится, пока мы фокус не сбросим с элемента, именно поэтому то и закрывается когда кликаем в другом месте, пусть даже в файрбаге ;)


	Записан

забанен. могу забанить других, пишите в личку

BEER. Helping ugly people have sex since 1862.

Givi ↓

05 Февраль, 2010, 05:31:11 , спустя 20 минут 1 секунду

НЕ ХУЕТА! ХУЕТА!

Группа: Адекваты

Карма: 42
Сообщений: 2305
Сила слова: 1.82

artoodetoo, без JS кажись без предзагрузки никак не обойтись. По сути ведь браузер загружает и "скрытые" дивы с картинками (а значит и сами картинки), просто не отображает их до поры до времени. Хотя, можно попробовать "схитрить" малость, сделав "большую картинку" не картинкой, а бекграундом, который будет появляться только при событии :hover на блоке.
Нужно будет попробовать побаловаться в этом направлении (да, таки мне не нравится JS + я и так уже давно стараюсь всю возможную графику на сайте запихивать в бекграунды).


	Записан

CTAPbIu_MABP ↓

05 Февраль, 2010, 05:32:48 , спустя 1 минуту 37 секунд

НЕ ХУЕТА! ХУЕТА!

мавр
Группа: в ухо

Карма: не нужна
Сообщений: 5187
Сила слова: 1.81

phpdude, спасибо КО


	Записан

java.lang.OutOfMemoryError

Страниц: 1 [2]

Печать

« предыдущая тема следующая тема »

	Автор	Тема: увеличенные детали, реализация (Прочитано 1252 раз)
0 Пользователей и 3 Гостей смотрят эту тему.