Здравствуйте уважаемые читатели! Сегодня я решил провести экскурс по различным галереям для сайта. Данные галереи,зная язык программирования даже поверхностно, можно будет встроить в различные CMS: WordPress, Joomla, Drupal, DLE, Vbulletin, 1C-Bitrix и другие. Тема интересная, так как мне самому частенько приходится бывать в поиске различных вариантов галерей. Теперь же вместе с вами мы погрузимся в глубокий анализ только красивых и функциональных галерей для картинок и фотографий.

В моих планах нет идеи рассматривать все-возможные галереи, вашему вниманию будут представлены только самые лучшие, которые я встречал на просторах рунета и зарубежных сайтах. Очень печально, но рунет пестрит устаревшими вариантами галерей, зато на зарубежных сайтах можно найти огромный выбор красивых фото-галерей на CSS3, HTML 5 и jQuery. Именно эти языки являются наиболее прогрессивными и современными. Благодаря таким галереям вы сможете придать вашему сайту солидность и многофункциональность. Галереи можно использовать для различных направлений, таких как: портфолио, фото галереи, слайдеры контента на главной или второстепенной страницах и прочих других задумках веб-дизайнеров и администраторов сайтов.

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

Кстати, даже не ожидал что так быстро, но на рассылку журнала IT is World за один вечер подписались 20 человек. По отзывам пока не понятно, понравился ли журнал людям, но я не планирую сдаваться! Первый выпуск дал понять, что людям интересна IT тематика, а хороших журналов, которые имеются в продаже — очень мало. Надеюсь не ударить в грязь лицом и второй выпуск сделать намного интереснее и объемнее чем первый. Как я и говорил в прошлом посте: «Главное — это цель».

Да, если честно, мне и самом очень интересно было бы читать такой журнал! Если вы тоже хотите получать рассылку новых версий журнала «IT is world», подпишитесь на нее на странице подписки. Напоминаю, что журнал абсолютно бесплатный, как и его рассылка! Никаких смс и прочих лохотронов тут нет, от вас требуется только ввести свой e-mail и имя. После этого система запросит подтверждение вашей почты.. подтвердите ее и получайте последние версии журнала на свою почту!

Пора вернуться к нашим галереям. Итак, первой я хочу рассмотреть галерею:

Фотогалерея: Pikachoes (css3 + jquery) скачать

Галерея состоит всего из пары строк кода и позволяет устанавливать ссылки на картинки, что немаловажно. С данной галереей я уже определился в плане установки на рабочий сайт. Дизайн построен очень просто и подходит под требуемый мне функционал.

От меня требуется на главной странице нашего сайта разместить галерею с горящими направлениями. На практике — это 4 крупных баннера, которые должны периодически меняться, а при клике на них переходить на страницу с описанием и ценами на туры. Думаю, что галерея Pikachoes подойдет для этих целей, так как картинки автоматически меняются и тот баннер, который находится в фокусе при помощи стиля выводит описание. Ну что ж, будем пробовать. А вот и внешний вид скроллера + галереи:

 У галереи имеется множество настроек, которые позволяют выводить превьюшки с разных сторон от картинки с фокусом (слева, справа, снизу)… веб-программисту не придется ломать голову, если руководству захочется что-то резко изменить на сайте!

Фотогалерея: Cycle (jquery) скачать / демо

Так же понравилась новая версия плагина jquery — Cycle, который визуально очень красиво меняет картинки. В описании достаточно четко описано как управлять режимами смены картинок. Я насчитал 6 штук различных вариантов.

К сожалению мне такой вариант не подходит, т.к. основная часть посетителей рабочего сайта — это люди от 35 лет, которым не привычно пользоваться «моргающими» и «двигающимися» сайтам. Они больше любят статику, где все строго и понятно (это уже человеческая психология). Cycle галерею посоветую для развлекательных сайтов или сайтов, где должна часто и быстро меняться информация. так же такая галерея отлично подойдет для другого моего студенческого рабочего проекта.

Главной моей идеей было вывести галерею на главную страницу, но что бы не загромождать ее — вывести только одну сменяющуюся фотографию. То есть по факту пользователь будет видеть в каком-нибудь блоке одну фотографию, которая к примеру каждый 5-10 секунд будет меняться. Думаю, что данная галерея отлично подойдет для такой задачи! Если у вас есть что-то подобное — пробуйте, я думаю ничего сложного в этом нет!

Фотогалерея: jqFancyTransitions (jquery) скачать / демо

Интересная галерея jqFancyTransitions, имеющая два варианта отображения внешнего вида. Мне понравился первый, с цифрами под фокусным изображением..

 

Данная галерея подойдет для любых типов сайтов, так как она сочетает в себе стандартную функциональность с возможностью прокрутки изображений и установки ссылок на картинки, а так же элегантность и современный дизайн! Подобие jqFancyTransitions — Nino слайдер. Она тоже является бесплатной и исполнена с использованием современных технологий.

Фотогалерея: Nino Slider (jquery) скачать / демо

В Nino Slider вы сможете найти красивую смену картинок, возможно переключения слайда по кнопке, всплывающие подсказки, установки ссылки на картинку, 4 схемы оформления, 4 схемы расположений кнопок и превьюшек, а так же различные прелести в виде: закругленных углов, теней от фотогалереи и прочих мелочей. Думаю данная галерея подойдет для любого типа сайта, а за счет имеющихся цветовых схем — она отлично впишется в ЛЮБОЙ ДИЗАЙН!

Ну и на последок я решил оставить интересную галерею, которая отличается от всех представленных. Данная галерея создана на флеше. Она достаточно симпотичная, но по моему мнению она утяжеляет сайт плагином флеша, поэтому если вы дорожите скоростью загрузки своего сайта — я крайне не советую ее ставить. Хотя опять же все зависит от количества слайдов, которые должен будет сформировать флеш. С визуальной точки зрения она достаточно милая и тоже отлично впишется в дизайн, это:

Piecemaker XML Gallery (flash) скачать / демо

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

На этом я закончу свою подборку. Думаю, что пищу для размышления я вам дал, да и самые популярные и оптимальные варианты фото галерей я предоставил. Больше всех мне понравилась Nino Gallery —  это действительно та галерея, которую я хотел бы увидеть на своем сайте. Она очень современно выглядит, она функциональная в плане и пользователя, и разработчика. На данный момент я не тестировал ее до конца, но первые впечатления — приятные.

Вообще мое личное мнение — галерея обязательно должна быть, если ваш сайт:

  • Продает что-либо. Добавьте в скроллер красивые фотографии или фото калажи ваших товаров. Не нужно пихать туда все что есть в вашем репертуаре! Составьте анализ наиболее востребованных и популярных групп и товаров. Распределите приоритеты (яблоки будут самыми первыми, а дальше уже помидоры и огурцы). Зайдя на ваш сайт заинтересованный покупатель сможет с помощью одного клика переместиться на страницу товара и получить там более подробную информацию о нем.
  • Информирует о чем-либо. Выведите на главную страницу наиболее важные новости вашего сайта. Создайте красивые картинки, которые помогут привлечь внимание пользователей и заставят их перейти по ссылку. В моем обзоре предоставлены различные варианты галерей, но для информационного сайта я думаю, что больше всего подойдет Pikachoes. Данная галерея позволяет пользователю без перелистывания видеть предыдущие и следующие картинки, что немаловажно. Так же галерея pikachoes позволяет выводить вам анонс новости в сплывающем окне и ссылку на основную ее часть.
  • Социальная сеть. Не для кого не секрет, что социальные сети — это сайты #1 во всех рейтингах и топах. Именно поэтому всевозможные мастера пытаются бороться за социальный трафик и создают свои уникальные социальные сети. К сожалению чаще всего такие сайты «загибаются», но надеюсь именно у вас есть сайт, который до сих пор живет и процветает, который очень популярен и растет как на дрожжах. Для вас я бы хотел посоветовать фотогалерею Cycle, которая позволит вам выводить фотографии ваших пользователей и их имена. Выделите какой-нибудь маленький блок на своем сайте и разместите туда галерею Cycle. Благодаря ей посетители вашей социальной сети смогут найти себе новых друзей или простых собеседников. А благодаря Cycle вам не придется ломать голову, как производить смену фотографий и имен. Это идеальный вариант галереи для такой задачи. Надеюсь я помог вам найти то, что вы ищите или подсказал интересное решение для вашего сайта.

Конечно же для этих галерей можно придумать и более интересные идеи воплощения, но входе написания данной статьи ко мне пришли только эти! Если же предложенные мной галереи вам не подходят — вы можете воспользоваться поиском и подобрать именно то, что подойдет вам. Рекомендую искать галереи по зарубежному интернету — тогда у вас есть шанс найти что-то не заезженное и интересное!

Не забывайте о своих посетителях и делайте свой сайт с душой, а я в свою очередь буду стараться всячески помогать вам в этом направлении. С этого момента я буду больше уделять внимания к элементам дизайна сайтов,а так же путям к их реализации. Благо в ходе своей профессиональной деятельности интересных моментов накопилось много и у меня есть о чем вам рассказать!

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

От вас требуется терпение и желание.  А пока статья пишется вы можете обдумать тематику своего граббера и решить вопросы по размещению сайта. Хочу предупредить, что сайты с большой посещаемостью создают нагрузку на хостинг, поэтому не выбирайте что попало, как это сделал я, лучше заплатить чуть больше и жить без забот, чем каждый день думать какого хостера выбрать на этот раз! Подписывайтесь на рассылку блога и не пропустите статьи по заработку на сайтах грабберах!

P.S. Уважаемые читатели! Рекомендую ознакомиться с акцией от компании МастерХост:

Вы уже устали от страшилок про 21 декабря 2012 года? У вас есть новые интересные идеи и планы на отпуск в следующем году? Поддерживаем! Мы тоже не намерены опускать руки и именно в этот знаменательный день приглашаем всех желающих не оставлять без внимания будущее – регистрируйте домены ru., рф. и .su по 21.12 руб. за штуку. Но торопитесь, ведь хотя количество регистрируемых доменов не ограничено, самое вкусное и интересное могут разобрать без вас! Акция действует только 21 декабря 2012 года с 00:00 до 23:59.
Конец света – не повод забывать о себе!

Конечно же вы не ошиблись! Стоимость одного домена будет составлять двадцать один рубль двадцать копеек! Торопитесь, ведь акция проходит именно сегодня!!! Если вам не нужны домены, то рекомендую подумать о будущих моих статьях по сайтам-грабберам, думаю что большинству из Вас будет интересно и вы захотите попробовать, поэтому срочно думайте над тематикой и регистрируйте пару доменов (я рекомендую 5 штук как минимум, так как сумма не критичная). Вот такие новости 🙂

На этой ноте я с вами прощаюсь! До новых встреч! С вами был Deymos!


Раздел: Сайтостроение
Тема: Красивые фотогалереи для сайта
Протраффик.RU: www.protraffik.ru