Создаем эффект lightbox при помощи CSS3

[deniamnet]

А как пролистывать изображения? Вперед-назад. При большой галерее очень не хватает.
Как это вообще возможно реализовать таким способом?

[webmasters_by]

Смотрите третий демо-пример, там есть ссылки «Вперед-назад»

[Anisotropic]

На нетбуке эти ссылки сразу и не заметил. Не эргономично они находятся!)

[moadib]

Очень плохо, что эти кнопки прыгают по высоте, в зависимости от размеров фотографии.

[Ganesh]

Вот честное слово оборвал бы руки людям, сделавшим такую галерею с якорями в контакте, прямо выводит из себя, когда перелистав чью-то галерею хочу вернуться на страницу назад и попадаю в галерею…
По поводу этой галереи: да — красиво, да — css3 дрочеры покакают ландышами, да — не ново и нет — прыгающие контролы это не круто.

[0n1y_0ne]

Для этого вконтактик все левое поле отдал кнопке «назад».

[Softlink]

Любые «кликовые» псевдоклассы имеют недостатки(и существенные). Однако, в который раз убеждаюсь: если нет прямой задачи прыгать по странице, то лучше использовать :focus.

[bestfriend]

Очень красиво всё на представленных примерах в хроме

Решил проверить как дело с поддержкой у остальных

1) в ие9 не работает

2) в опере тормозит и не работает :)

3) в сафари все еще лучше хрома!

4) ну и в самом фф 9.0.1, работает но тормозит

пока всё так, о применении этой штуки речи не идет

[Nico_izo]

Как-то делал галерейку на CSS VK-like (Вот она), вот только не доделал.
Суть в том, что не нравится прицеливаться в навигационные стрелки, проще тыкнуть куда-то справа и пролистать вперёд или слева и, соответственно, пролистать назад. Используются те же :target и :not, разве что без украшений.

P.S. У вас или у автора сей статьи небольшой баг в FF, который решается добавлением outline:none; к <a>:

[Terion]

Использование :target — это ужасно. Прыгающая страница от кликов — мрак.
Так что все такие галереи (а подобных примеров сотни по интернетам) — баловство и не более…

[Terion]

Нет, ну понятно, что я имел ввиду, что использование :target ужасно конкретно тут, а не вообще. Конечно, в своих юзкейсах он полезен.

Со вторым абзацем согласен полностью

[WoR]

«Пример 2» — мегаохуенный.

[ilyaerin]

Тут еще фотографии сами классные.

[volanddd]

Google Chrome 16.0.912.63 beta\Ubuntu 10.04 LTS3 — показывает белый экран при клике, в Opera и FF работает, но в Опере не видно анимации

[vbilenko]

хм…
мне кажется css3 стал уж очень громоздким, плохочитаемым.
Стили предназначены для визуального оформления, а не для логики.
Решение на javascript лучше тем, что там есть своеобразный MVC: html это модель, view это css, controller это js. Все понятно, структурированно и очевидно.
Если заглянуть в прошлое, мы увидим что css появился как «навесок» для html, чтобы разделить представление от данных. И это было хорошо. Сейчас же css делает похожую ошибку пытаясь работать с логикой. Не для этого ли уже придуман js?
Мне кажется что в будущем от css «отпочкуется» еще какой-нибудь субязык, который будет работать с логикой в css. И это плохо.

[Mihanik71]

Ну во первых сначала css3 станет поддерживаться всеми браузерами, затем его начнут использовать и дорабатывать для работы с логикой а уже из за громоздкости «отпочкуется» субязык для визуального оформления не оглядываясь что он уже был.

[apstim]

спасибо, воспользовался при открытии-скрытии блока с корзиной с затенением остального фона