Простой и удобный способ создания галерей на сайте
В данном уроке я бы хотел рассказать о самом удобном, как мне кажется, способе создания галерей на Вашем сайте. Однако несмотря на простоту данного способа, он позволяет создавать самые разнообразные галереи изображений. Для примера, я создал несколько своих фотоальбомов:
Пример 1
Пример 2
Все началось с того, что мне на почту часто начали поступать вопросы по поводу создания фотоальбомов и галерей изображений на сайте. Причем задавали эти вопросы начинающие сайтостроители, которые еще не сильно разбираются во всех тонкостях JavaScript , на котором выполнены большинство современных галерей.
Вот я и подумал, может есть какая-то специальная программа для создания галерей, которая бы как-то автоматизировала весь этот процесс. И такая программа нашлась :)
Загрузить дистрибутив этой программы можно на сайте http://jalbum.net/ . Здесь же, находятся и различные темы оформления для галерей. Хоть сервис и не русскоязычный, разобраться будет совсем не сложно, тем более, я записал для Вас обучающий видеоролик по установке и настройке галереи, который поможет все понять…
В данном ролике, я покажу, как установить, настроить оформление , и закачать к себе на сайт, различные типы фотогалерей. Так же, покажу где можно скачать новые темы оформления для них.
Надеюсь для многих данный урок окажется полезным. Приятного просмотра :)
Смотреть видеоурок онлайн
Скачать видеоурок «Простой и удобный способ создания галерей на сайте»
Есть вопрос? Получи ответ на ФОРУМЕ ПОДДЕРЖКИ
 Создан: 2009-06-05 Просмотров: 86932 Автор:Андрей Галямов
Комментарии: Автор: Тайбета Дата : 2009-06-05 Андрей,я поражаюсь,как у Вас на всё хватает время? Автор: alex Дата : 2009-06-05 отличный урок!!! Автор: DmitriyV Дата : 2009-06-05 Спасибо Андрей, галерея просто сказка!
И фото с жуком носорогом прикольное. Автор: миша Дата : 2009-06-05 полная фигня Автор: миша Дата : 2009-06-05 я до сих пор не могу создать сайт Автор: Андрей Галямов Дата : 2009-06-05 миша, Если Вы до сих пор не можете создать сайт, то это не означает что галерея фигня )))) Автор: elizabeth Дата : 2009-06-05 у меня не загружается видеоролик( Автор: Гарик Дата : 2009-06-05 Большое спасибо Андрею за урок. Автор: антон Дата : 2009-06-05 андрей так держать скоро мы всему научимся Автор: Константин Дата : 2009-06-05 То что нужно! Спасибо! Автор: Владимир Дата : 2009-06-05 Галерея,находка,бОЛЬШОЕ СПАСИБО. Автор: Елена Дата : 2009-06-05 Все отлично.Но только почему я не могу добавить фото на ucozовский сайт? Автор: Сергей Дата : 2009-06-05 У тебя всё здорово получается.
Уроки вполне понятные.
Возможно действительно скоро чему небудь научимся. Автор: Алфимов Сергей Дата : 2009-06-06 Блин Андрюш твой сайт сам чудо да еще и ролики с юмором , съмеялся когда ты скин скачал установил искал искал и говариш "КАРОЧЕ НАЙДЕТЕ. сек 5 проходит. Вобщем он 100% установился полюбому ...." Ой ару немогу гыгыггыгы 5++++... Автор: Виталий Дата : 2009-06-06 Извините, но небольшой совет, может стоит в начале подобного сообщения озвучить название программы, и её бесплатность? А прога замечательная, пользовался до, буду пользоваться после. Спасибо. Автор: Евгений [DoC] Дата : 2009-06-06 Полезный урок. Автор: Инесса Дата : 2009-06-06 благадарю за полезный урок . Но скачать не могу Автор: konstantin Дата : 2009-06-07 Очень понравилось ! Автор: Aлександр Дата : 2009-06-07 Большое человеческое спасибо за нужный урок! Здорово! Автор: Марат Дата : 2009-06-07 Спасибо Андрей. Как всегда нужный материал и очень прост в применении.!!!! Автор: Татьяна Дата : 2009-06-07 Спасибо огромное Андрей, все ваши уроки очень полезны! Автор: valentina Дата : 2009-06-08 Спасибо, мне очень понравилось. Автор: Виктор Дата : 2009-06-08 Андрей, за урок спасибо, только я не совсем понял - эта программа бесплатная или через некоторое время она запросит денег? Автор: Юрий Дата : 2009-06-08 Большое спасибо за урок.Только не все разрешают на своих браузерах Javу.(к сожалению). А так - здорово!!! Автор: Вася Дата : 2009-06-08 А мне кажется, что Миша долбень! )))))) Автор: Людмила Дата : 2009-06-08 Андрей, СПАСИБО!!!ЭТО КЛЕВО !!!! Автор: Екатерина Дата : 2009-06-09 Свой сайт создала, но не могу выстроить в той последовательности, что хочу ссылки....может поможете? Автор: Артём Дата : 2009-06-09 хороший урок только программа не запускается помогите. Автор: gau1954@rambler.ru Дата : 2009-06-10 Я как то именно об этом и спрашивал, как да что, а оказалось запросто.
Андрею спасибо!!! Виват Андрей!! Автор: Алексей Дата : 2009-06-10 Спасибо очень нужный урок Автор: Ирина Дата : 2009-06-11 здорово)))) Автор: Артём Дата : 2009-06-11 GOOOOOOD!!! Автор: Вероника Дата : 2009-06-11 Спасибо, как нибудь применим этот урок в пользу! Автор: Галина Дата : 2009-06-12 Спасибо большое!!!
Мне как раз именно этот урок и был необходим.
Я сделала прекрасную галерею, но у меня возникла 1 проблема.
Внизу галереи, где указана ссылка на joomla, у меня почему-то русскии буквы стали какими-то закорючками, подскажите, как это исправить!!!!!
Заранее спасибо!!! Автор: Алексей Дата : 2009-06-14 Добрый день!
Андрей подскажи пожалуйста, я следуя твоему уроку создал фотогалерею и залил её на сервер jalbum.net.
Спасибо большое.
А как можно в случае чего удалить эти фото с сервера jalbum.net? Автор: Мурад Исаев Дата : 2009-06-14 Я еще такого полезного сайта не видел! Спасибо!
Все понятно! Все уроки написаны на понятном языке так, что их невозможно не понять! Автор: Лора Дата : 2009-06-15 Я вот тоже решила заниматься созданием сайтов, этот урок очень поможет! Автор: rekachili Дата : 2009-06-15 Прикольная галерея :) Екатерина что у вас не получается? Пишите rekachulya@yandex.ru помогу. Автор: Андрей Дата : 2009-06-20 Я - начинающий строитель, и, возможно, не прав, но зачем всяческие специальные программы? Можно сделать всё просто. Посмотрите: a-churin.110mb.com/photo Автор: Viktor Дата : 2009-06-21 Не получается посмотреть ролик. Флеш плер поставлен последний. ОС Виста Автор: КатюшаК Дата : 2009-06-24 Супер...нет слов. Я тоже такую галерею хочу.. только запущу сайт, и если все получится, то уже знаю какие фотки там будут.... А за уроки большое человеческое спасибо! Автор: Анна Дата : 2009-06-25 Люди помогите пожалуйста чайнику(((( Хочу создать сайт, все делала по учебнику HTLM но не магу разместить изображение. Получается квадрат к красным крестиком(((( ПОМОГИТЕ ПОЖАЛУЙСТА. Что не так????? Автор: ксения Дата : 2009-06-28 спасибо! Автор: александр Дата : 2009-07-03 не получилось загрузить видеоролик грузил минут 15 и выдал после того документ ворд с какойто абракадаброй.
отчего таковое напишите
al61@bk.ru Автор: Денис Дата : 2009-07-23 Отличные уроки. Галерея действительно супер. Только хочу заметить, что в сгенерированном index.html нужно менять кодировку на windows 1251, во избежание всяких "кракозябл" вместо русских букв. Протестил на виртуальном сервере - все прекрасно работает.А на хостинге вместо отображения галереи возникает закачка сгенерированного index.html. Андрей (или кто уже протестил) подскажи (те) где "бочина"? Автор: Тоня Дата : 2009-07-27 Спасибо! Галерея отличная! Я только немного запуталась -) Как мне создать эту галерею на главной странице сайта? Заранее спасибо! Автор: int Дата : 2009-08-04 [queue]Автор: Тоня
Дата : 2009-07-27
Спасибо! Галерея отличная! Я только немного запуталась -) Как мне создать эту галерею на главной странице сайта? Заранее спасибо![/queue]
Очень просто!Копируй нужный кусок html кода и вставь на главную страницу.
[queue]Автор: Денис
Дата : 2009-07-23
Отличные уроки. Галерея действительно супер. Только хочу заметить, что в сгенерированном index.html нужно менять кодировку на windows 1251, во избежание всяких "кракозябл" вместо русских букв. Протестил на виртуальном сервере - все прекрасно работает.А на хостинге вместо отображения галереи возникает закачка сгенерированного index.html. Андрей (или кто уже протестил) подскажи (те) где "бочина"?[/queue]
Вот тут я тоже мучаюсь!Поменял на 1251 но на сайте в инете всё равно кракозябл блин.А на вируальной машине нормально!
В чём прикол? Автор: int Дата : 2009-08-04 разобрался почему кодировка тупит!Надо галочку убрать в настройках с пункта UTF-8 . Автор: Сергей Дата : 2009-08-15 Сайт класный на любой вопрос находится ответ,
для начинающего самое то. Андрюха _РИспект)) Автор: roebn Дата : 2009-08-22 Блин прога платная!!! Автор: BMW Дата : 2009-10-28 Народ подскажите почему лажа такая, я создал галлерею, открылась чрз браузер, норм картинки показывает, закачал на народ ток серое окно, кнопки прокрутки а вместо картинок крестики!! картинки я все загрузил! что не так? Автор: Беляш Дата : 2009-11-02 2 BMW: Путь до картинок не правильный Автор: sergeykay Дата : 2009-11-02 Народ подскажите как залить это чудо на Localhost (Денвер) Автор: Егор Дата : 2009-11-16 ну сейчас прогу проверю... Автор: Дмитрий Дата : 2009-11-19 Андрей я поражаюсь вашей чедростью я начел заниматься сайто строением совсем недавно перерыл уже кучу сайтов где такиеже профи как и ты дают дельные советы и уроки но они все "жиды" посравнению с тобой за все бобло тянут А тебе респект Спасибо Автор: стас Дата : 2009-12-09 какие ещё программы можно использовать при созданиии галереи Автор: стас Дата : 2009-12-09 пожалуйста подскажите Автор: Виталий Дата : 2009-12-21 Большое спасибо Андрею за урок. Автор: Максим Дата : 2009-12-23 Андрюха, жму вам руку. Очень интересно. Спасибо Автор: Максим Дата : 2009-12-26 Андрей, а можно добавить возможность коментировать фоты? Автор: Александр Дата : 2010-02-13 Андрей! Замечательные у Вас уроки.
Но вот с кодировкой ничего не получается. Пробовал разные варианты, всё равно кркозябы. Подскажите как правильно настраивать кодировку.
Заранее благодарен. Автор: АНЯ Дата : 2010-02-22
ТЫ ГЕНИЙ !!!!!!! Автор: Sergi444 Дата : 2010-03-06 Спасибо из Минска!!! Автор: Дмитрий Дата : 2010-04-07 Очень все интересно и прикольно написано на сайте, блин, вот я простой водитель-экспедитор, а делаю сайты на заказ (пока правда без php и баз), и думаю, короче, что не мое это, типа дело - тачку водить и БУБЛИК крутить, вот и учусь сам, СПАСИБО ОГРОМНОЕ ТАКИМ УЧИТЕЛЯМ, которые такие вот сайты с уроками не ленятся и делают. НА САМОМ ДЕЛЕ, все очень непросто в сайтостроении и тем более делать уроки для ДАЛБА...ов и не только к счастью. Поэтому, есть луди, которым хватает терпежу ЭТО делать, а которым просто попытаться и закинуть....... РЕСПЕКТ тебе, брат!!! Автор: Igor Дата : 2010-04-23 У меня тоже при попытке скачать урок открывался файл rar как в просмотре в notepad.
Удалось скачать при помощи Оперы 10.10: правой кнопкой мышы нажал на ссылку, выбрал пункт: Сохранить в папку загрузки, тогда ими и закачать ссылку Автор: igor Дата : 2010-04-23 Почему-то пропала часть поста: Если установлены качалки, тогда ими можно скачать ссылку. Автор: Undead Дата : 2010-04-25 Урок был полезным, но хочу сказать про саму галерею ...
Унылая она очень :
Во-первых меняет разрешение картинки и при просмотре уже с интернета, когда её пытаешься сохранить она сохраняется в формате 800х600 (с прежних 1600х1200 например)
Во-вторых нет возможности предварительно ей воспользоваться при написании сайта на лаколхосте в денвере непосредственно ДО выкладывания в интернете.
И немного личного характера вопрос: "А кто умеет (или знает какая программа умеет) редактировать размер Lightbox не под размер картинки , а под размер экрана на который выводится? (мониторы у народа ведь разного формата)
Спасибо за ваше терпение и понимание. Автор: noname Дата : 2010-05-19 3-й пример у меня не отображается. Показывает только тёмно-серый фон Автор: Сергей Дата : 2010-05-29 Очень помогло спасибо громадное.....только вот у меня вопрос....Мой сайт еще пока не привязан к хостингу когда я создам новую учётную запись что мне там писать????И еще если я хочу мою галерею совместить с общим дизайном моей странице не чтобы я по ссылке переходил на галерею, а чтобы картинки были на моей странице и я мог их позиционировать!!!Заранее благодарю.... Автор: Валерий Дата : 2010-06-13 Спасибо Андрей! Ты лучший мастерЁ! Автор: Геннадий Дата : 2010-06-15 Через полгода все сделанные и загруженные на сайт этой прогой альбомы перестали открываться. С чего бы это? Как лечится? Автор: Олег Дата : 2010-06-22 Пачему я не магу скачать ? Автор: Нина Дата : 2010-06-30 Видео очень хорошее, но у меня тоже проблемы, когда нажимаю просмотр, то выходит блокнот с Html кодом!!! В чем дело!? Подскажите пожалуйста!!! Автор: Android Дата : 2010-07-01 Подскажите как в tiltviewer (в 1 м примере) правильно выставить кодировку. Текст на обратно стороне слайдов криво отображается. (в index.html пробовал не получается) Автор: Сева Дата : 2010-07-10 Уроки все просто потрясные!!!
Спасибо!!!
У меня только один вопрос.
Можно ли каким-либо образом разместить свой альбом на Localhost (Денвер) Автор: Павел Дата : 2010-08-04 Гм... А можно ли как-то на локальный залить? Автор: Сергей Кондулуков Дата : 2010-09-08 Здравствуйте Андрей. Большое Вам человеческое спасибо.
Решил на 6-м десятке лет обучаться веб дизайну:-)
Программа очень хорошая. Проста в управлении. В режиме просмотра работает всё нормально. Сейчас буду закачивать на свой сайт:-)
С уважением С.Кондулуков Автор: Evra Дата : 2010-09-09 Спасибо огромное за урок! Очень познавательно и интересно Автор: Алексей Дата : 2010-09-11 Я не по теме. Но какие настройки нужно поставить чтобы сайт работал в локальной сети, например при введении моего IP или адреса с другого локального комп. Пока что он просто на дэнвере на моем компе. Автор: Artur Дата : 2010-10-08 здравствуйте Андрей. Возник такой вопрос. Установил у себя на сайте тему jalbum tiltviewer. Но хотелось бы поменять задний черный фон на собственную картинку. Возможно ли это? Потому как уже перебрал все коды к этому приложению. Буду очень благодарен за уделенное время Автор: Roman Дата : 2010-10-27 Большое спасибо хороший урок
|