289

Скрипты галерей изображений на CSS

10 июня 2008, 15:23HTML и CSSрейтинг +20-

В продолжение статьи о скриптах галерей на JS, сегодняшняя статья посвящена скриптам галерей, которые сделаны исключительно средствами CSS.

Их естественный плюс в том, что они могут работать даже в том случае, если у пользователя отключен JavaScript.

css-galleries, css фотогалереи, фотогалерея, A Photograph Gallery, A simple CSS photo-album, Cross Browser Multi-Page Photograph Gallery, CSS Image Gallery, CSS: Photo Showcase, Hoverbox Image Gallery, Photo scroll gallery, Sliding Photograph Galleries
Здесь могла бы быть Ваша реклама
показать рекламу :)убрать рекламу

Галерея фотографа

Очень простая и легкая в эксплуатации галерея. Можно добавлять примечания к каждой из картинок. Вам нужен красивый и удобный фотоальбом? Значит это ваш выбор.

галерея фотографа

Простенький CSS фотоальбом

Весьма незамысловатая галерея. Показывается номер картинки и соответственно сама картинка. Но, ни номер, ни рисунок не помечены больше ничем. Одна из самых простых галерей.

Простенький css-фотоальбом

Многостраничная галерея фотографа

Основано на Suckerfish HoverLightbox. Картинки могут быть разбросаны по темам, что, несомненно, очень удобно для посетителей ваших галерей. А, следовательно, посетителей будет больше… Рисунки, при наведении на них курсоом мышки, увеличиваются.

Многостраничная галерея фотографа

CSS-ная картинная галерея

Основанная на CSS галерея. Картинки представлены в маленьком размере, но опять же при наведении на курсором мышки, они отображаются на экране увеличенными. И опять же довольно простая в обращении.

СSS-ная картинная галерея

СSS-ная фото-витрина

Использует CSS. Никаких особых наворотов в этой галерее нет. Самая обычная галерея. Всё просто – а простота ещё никому не мешала.

СSS-ная фото-витрина

Галерея Hoverbox

По сути, это фото галерея, которой ничего не нужно, кроме CSS. И притом весит всего 8КБ!

Галерея Hoverbox

Галерея Photo-scroll

Комбинация некоторых предыдущих галерей. Ничем особенным она не отличается от предыдущих, представленных на нашем сайте. Такая же простая и лёгкая в обращении.

Галерея Photo-scroll

«Раздвижная» галерея фотографа

Эта галерея сразу бросается в глаза своей непохожестью на все остальные. Смотрится очень оригинально: картинки сжаты по вертикали (между прочим сокращение 8:1) и, проводя курсором над одной из картинок, та увеличивается до своих нормальных размеров. Также может быть уменьшено не только по вертикали, но и по горизонтали.

Раздвижная галеря фотографа

Перевод с сайта Smashing Magazine.

Memori.rumister-wong.combobrdobr.rumoemesto.rudel.icio.uszakladki.yandex.rugoogle.com/bookmarks/

Комментарии

А я сделал себе галерею на 4images уже http://gallery.8school.org.ua/ А так бы использовал один из ваших примеров, спасибо!
Сергей, 13 августа 2008, 13:31