Как вставить миниатюру изображения в статью
- Подробности
- Опубликовано 04.09.2013 11:05
1. Для начала изображение, которое Вы хотите вставить в статью, уже должно быть добавлено в фотогалерею. Если таковое имеется, переходим ко второму пункту.
2. Заходим в режим редактирования статьи. В текстовом редакторе появилась кнопка Изображение Phoca Gallery. Нажимаем ее.
3. Во всплывающем окне выбираем один из типов. Соответственно, тип Категории выводит в статью изображения выбранной категории, Изображения - несколько изображений, Изображение - одно изображение, и т.д. В нашем случае выберем тип Изображение:
4. В открывшемся окне выбираем категорию, в которой находится нужная нам картинка. Далее в списке ищем и отмечаем картинку.
5. Пролистываем форму до конца до кнопки Вставьте код. Нажимаем на нее.
6. После всех манипуляций в тексте статьи должен появится код, наподобии как:
Описание каждого параметра и других возможных описано ниже.
7. Сохраняем изменения в статье (кнопка Сохранить) и проверяем работу плагина на сайте.
Настройки для вставки категории:
{phocagallery view=categories}
- phocagallery - отображает плагин Phoca Gallery
- view - categories | category | switchimage - отображает все категории | изображения из одной категории | выборочные изображения
- categoryid - ID категории, фотографии которой хотите отображать на сайте
- imagecategories - 0|1 - показать или скрыть около изображения название категории в списке всех категорий галереи
- imagecatigoriessize - 0|1|2|3|4|5|6|7 - означает 0 - маленький | 1 - средний | 2 - маленькая папка | 3 - средняя папка | 4 - маленькая тень | 5 - средняя тень | 6 - маленькая тень от папки | 7 - средняя тень от папки - размер изображения около названия категории
- hidecatigories - ID категории - скрыть категорию в просмотре категорий. Выставить значение, если категорию не нужно отображать в дереве категорий. Разделитель запятая (,).
Настройки для вставки изображений:
Пример: {phocagallery view=category|categoryid=2|
imageid=0|limitstart=0|limitcount=2|
fontcolor=#B88A00|bgcolor=#FFBF00|bgcolorhover=#BFFF00|imagebgcolor=#FFD24D|
bordercolor=#B88A00|bordercolorhover=#86B300|
detail=1|displayname=1|displaydetail=1|displaydownload=1|float=right}
- phocagallery - отображает плагин Phoca Gallery
- view - categories | category | switchimage - отображает все категории | изображения из одной категории | выборочные изображения
- categoryid - ID - ID категории, в которой сохранены изображения
- imageid - ID - ID изображения для вывода
- imagerandom - 0|1 - изображение показано (1) или заблокировано (0)
- imageshadow - none | shadow1 | shadow2 | shadow3 - выбор фона для изображения
- limitstart - ID - если Вы хотите отображать больше, чем одно фото - ID изображения, от которого будет показана группа изображений
- limitcount - ID - если Вы хотите отображать больше, чем одно фото - кол-во изображений, которое Вы хотите показать
- fontcolor - html цвет - цвет шрифта
- bgcolor - html цвет -цвет фона
- bgcolorhover - html цвет - цвет фона (при наведении мышки)
- imagebgcolor - html цвет - цвет фона для изображения
- bordercolor - html цвет - цвет границы (Вы можете использовать bordercolor=transparent для скрытия границы)
- bordercolorhover - html цвет - цвет границы (при наведении мышки)
- detail - 0|1|2|3|4|5|6|7|8 - 0 - Modal Box | 1 - Standard Popup Window | 2 - Modal Box (only image) | 3 - Shadowbox | 4 - Highslide JS | 5 - Highslide JS (only image) | 6 - JAK lightbox | 7 - No Popup | 8 - Slimbox - в каком окне будет показано всплывающее изображение
- displayname - 0|1 - 1-показть или 0-скрыть имя
- displaydetail - 0|1 показать или скрыть URL ссылку на окно детального вида
- displaydownload - 0|1 - 1-показать или 0-скрыть URL ссылку для скачивания
- displaybuttons - 0|1 - 1-показать или 0-скрыть кнопку для детального просмотра
- float - left|right - изображение(я) могут быть отпозиционированы относительно текста
- namefontsize - число - размер шрифта названия изображения (в px)
- namenumchar - число - кол-во символов, которые будут показаны в названии изображения
- displaydescription - 0|1 - не отображать или отображать описание категории
- imageordering - установите порядок изображений: 1 - по возрастанию, 2 - по убыванию, 3 - в алфавитном порядке заголовка (А-Я), 4 - в обратном алфавитном порядке заголовка (Я-А), 5 - возрастание по дате, 6 - убывание по дате, 7 - по возрастанию ID, 8 - по убыванию ID, 9 - в произвольном порядке
- pluginlink - установить тип ссылки: 0 - ссылка на детальное изображение, 1 - ссылка на категорию, 2 - ссылка на все категории
- type - тип вывода изображений: 0 - стандартное среднее, 1 - маленькое (эффект мозайки), 2 - большое (для вывода единичных изображений)
- paddingmosaic - отступы для мозайки (в px)
Примеры:
{phocagallery view=switchimage|switchheight=360|switchwidth=416|basicimageid=71}
{phocagallery view=category|categoryid=15|limitstart=0|limitcount=2|enableswitch=1}