.

.

Урок № 5. Phoca Gallery. Выводим фотографии в статью. Меняем код

сайт: http://zuit.ru

Урок № 5.  Выводим фотографии в статью. Меняем код.


В прошлом уроке я рассказала, как в Phoca gallery на сайте joomla можно вывести свои фотографии в материал. Давайте разберемся, как меняется код в зависимости от нашего выбора.

 


Мы с вами уже научились выводить фотографии из конкретной категории, созданной заранее в галерее Phoca gallery. А если нас интересует несколько категорий, что делать?

 

 

Делаем следующее: снова ставим курсор в том месте статьи, где будут потом наши фотографии, нажимаем на окошко «Phoca gallery Image» и теперь выбираем  «категории».

 



 

 

Далее смотрим, что нам нужно.

«Показать изображение» - ставим «да», ведь для этого мы все и делаем.


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

Маленькое, среднее, маленькое с тенью, иконка папки с тенью и другие.


 

Теперь надо спрятать все категории, которые вам в этом материале не нужны. Просто щелкаете по названиям в окошке. После этого вставляем код и сохраняем. Все, просматриваем сайт и видим, что на странице этого материала появились наши фотографии.

 

Встречаются два хакера. Ну, там, за жизнь и все такое..

Один как-то мимоходом спрашивает:

- А у тебя кто провайдер?

- СБУ...

- Как СБУ?!

- Да типа они у нас в конторе жучков понаставили, так я через них...


 

Как вставлять изображения, мы уже рассматривали.


Каким образом можно вставить только одно изображение?

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

 



 

 

Открывается окошко со всеми фотографиями, которые мы уже загрузили в компонент Phoca gallery.

Когда у вас создано много категорий, выбирайте в окне ту, которая вам нужна, ищите фотографию для этого материала, потом настраиваете вид этой фотографии, опускаетесь вниз и нажимаете «Вставить код».

 


Как настроить вид фотографии? Смотрим на то, что нам предлагает сама Phoca gallery. И просто выбираем из списка, вставляем код и проверяем после сохранения, что у нас получилось. Если не понравится, возвращаемся в материал, удаляем код и выбираем снова.


Например, «показать название»- показать или скрыть; «показать описание» - показать или скрыть.

 


 

 

Описание – это поле описания самой фотографии, которое можно заполнить или оставить пустым. Его мы заполняем при загрузке фотографии в категорию, это описание всегда можно изменить и отредактировать позже.


Одним из вариантов вывода фотографий из категории, которое лично мне нравится больше всех, – это JAK лайтбокс.

 


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

Пролистывать можно вертикально или горизонтально.

 



 

 

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


Сразу объясню, что такое Overlib эффект.

 

При выборе такого способа около каждой фотографии появится при наведении мышки всплывающее окошко. В этом окошке можно выставить несколько параметров: только изображение, только описание, изображение и описание.


Для моей художественной галереи www.art-planets.com это оказалось именно то, что я искала. Все просто и понятно, к тому же довольно оригинально. Так что если вам это понравилось, можете сделать то же самое. Например, написать, кто автор вашей фотографии или где она сделана, и прочее.

 



 

 

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


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

Давайте посмотрим на сайте самой Phoca Gallery.

Так будет выглядеть ваша галерея, если вы выбираете Modal box. Получается красиво, на фотографии приятно смотреть и каждую можно увидеть во всех подробностях.

 



 

 

 

Так получится, если вы вставите код для Highslide (image only). При нажатии лупой на каждую фотографию, она разворачивается. Есть возможность пролистывания всех картинок.

 

 



 

 

 

Если выбрать Standart popup window, то получится очень красиво. Все фотографии хорошо смотрятся, а при наведении  мышкой, каждая из них увеличивается.

 


 


 

 

 

Сегодня мы с вами разобрали, какие способы для вывода галереи можно выбрать в конкретном материале.

Мы научились менять код для галереи на joomla и выводить фотографии в материал.


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


P.S. Понравилась статья? Не забудьте подписаться на обновления и получать

свежие новости на e-mail, чтобы не пропустить ценную информацию.

 

 


Советуем вам прочитать другие интересные статьи:


Как создать разделы и категории в Phoca gallery

Урок № 1. Что такое Phoca gallery и где ее скачать?

Как сделать слайд-шоу на сайте

Вопросы и ответы по галерее

Что такое компьютерная графика?

Холерик, кто ему мешает жить?

 

 

 

 


Комментарии  

 
0 #6 Инга 30.11.2012 07:03
Сергей! Я поищу информацию, если найду ответ, напишу. :-)
Цитировать
 
 
0 #5 Сергей 27.11.2012 19:54
Phoca Gallery Версия 2.8.1, joomla 1.5 вывод в тексте plg_content_pho cagallery_2.7.7 способ вывода указывается номером 1,2,....8 (JAK лайтбокс....и др), но на сайте разработчика показан этот сейчас популярный "multibox" на него перешли яндекс и сландо и многие другие. В общем понимание это вывод любого мультимедиа контента, но меня интересует только визуализация со стрелочками по бокам - может это можно как то перенести или добавить кусок кода куда то кусок кода ? никто про это ни где не пишет. Зарание признателен за рассмотрение моей темы о доработке вывода фоток :-)
Цитировать
 
 
0 #4 Инга 27.11.2012 13:28
Сергей! На сколько я поняла, этот multibox подходит для joomla 2.5
Вы пробовали в статье, когда нажимаете на кнопку Phoca Gallery image выбирать детали изображения именно этот мульти? Или выставляйте прямо в настройках галереи. :-)
Цитировать
 
 
0 #3 Сергей 26.11.2012 18:54
Доброго времени суток, а не подскажите как сделать вот такой вывод фотографий как на сайте разработчика phoca.cz/joomlademo/phoca-gallery-multibox. Они называют его gallery-multibox, вывод произвожу с помощью модуля в тексте.
Цитировать
 
 
0 #2 Инга 12.07.2012 07:53
Динара! Проверяйте все настройки. Галерею в материале выводим так. В любом месте текста или после него ставим курсор, внизу ищем кнопку изображений Phoca и щелкаем. Открывается окно, надо выбрать категорию, далее "вставить" и сохранить. Может, в настройках самой галереи вы что-то напутали? Не должно быть никаких сложностей, все просто! :roll:
Цитировать
 
 
0 #1 Динара 11.07.2012 12:41
Добрый день! для начала хотелось поблагодарить за столь титанический труд в области обучения. ну и конечно, обратиться по основной причине. быть может это мое личное упущение, но будьте любезны, подскажите. я не могу вставить в стандартный шаблон материала, где размещена статья, галерею. т.е. если выводить только галерею, или только текст то все ок. а в совокупности ничего не выходит. направьте меня на путь истинный, буду премного благодарна.
Цитировать
 

Добавить комментарий


Защитный код
Обновить

подписаться на новости блога 

Введите Ваш e-mail адрес:

Delivered by FeedBurner

Компьютерная графика 

Начинающему вебмастеру 

Рассылка