Качественный современный сайт – это не только банальный текст и несколько картинок, вразнобой раскиданных по странице. Это еще и различные современные технологии. В частности на любом сайте используется графика. Где-то ее немного, а где-то подразумевается размещение большого числа фотографий, например, на сайтах портфолио фотографов или художников или в Интернет магазинах и дизайн-студиях. И в этом случае для экономии места стоит использовать фотогалерею с нужными вам фото.

Как может выглядеть фотогаререя? Например, в виде размещенных рядом миниатюр всех фото, которые по клику увеличиваются до полного размера. В качестве примера можно посмотреть сайт Интернет магазина обойной фабрики “Крокус”, на котором в виде фотогалерей оформлены все фотографии обоев. Вот посмотрите обои в каталоге: http://crocus.in.ua/catalog/all/page/2 – видите, какой огромный выбор как принтов на обоях, так и различных цветов? Можно легко выбрать и купить обои для любой комнаты, практически любого стиля и любого нужного вам цвета. И пока будете смотреть обои, обратите внимание на оформление галерей – разбивка по коллекциям и фото внутри этих коллекций.

Также часто в Интернет магазинах используются небольшие фотогалерей для нескольких фото к одному товару. Обычно это картинка побольше, под ней миниатюры, которые по клику открываются в окошке выше. Также вы можете использовать фотогалереи в записях вашего сайта. Если сайт сделан на WordPress – можно просто использовать его стандартную галерею: добавляете нужные фото, нажимаете “Создать новую галерею”, указываете, сколько фото будет в одной строке, и вставляете галерею. Удачи!

По материалам: http://crocus.in.ua/catalog/all/page/2


Подпишись на обновления блога по Сайтовед по RSSRSS, RSS по EmailEmail, twitter hennertwitter!


Интересные посты на "Сайтоведе":

Оставить комментарий

Ваш email не будет опубликован. Обязательные поля отмечены *

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

X

Забыли пароль?