Handbuch JFlex Images

{ Руководство
по JFLEX
Images}
Автор:
URL:
Базовая лицензия:
Полная лицензия:
Ute Jacobi
www.jahoart.eu
jahoART Non-Commercial License
jahoART Commercial License
Содержание
Описание ...................................................................................................................................... 3
Содержание пакета JFlex_Images_[xxx]v.1.0.zip .............................................................................. 3
Система ........................................................................................................................................ 3
Установка ..................................................................................................................................... 3
Установка параметров JFlex Images ............................................................................................... 4
ДИРЕКТОРИЯ, КАТАЛОГ, ДАННЫЕ ..................................................................................... 4
Стандартный путь к графическим данным ............................................................................. 4
Стандартное обозначение папки для превью ................................................................... 4
Активировать корневую директорию ..................................................................................... 4
Название базы CSS ............................................................................................................... 4
Название списка изображений ............................................................................................... 4
ИЗМЕНЕНИЕ РАЗМЕРОВ ИЗОБРАЖЕНИЙ…………………………………………………………....5
ПРЕВЬЮ ................................................................................................................................... 5
Стандартная максимальная ширина превью .......................................................................... 5
Стандартная максимальная высота превью ............................................................................ 5
Использовать существующие превью .................................................................................... 6
ПОКАЗ ПОЛНОГО ИЗОБРАЖЕНИЯ ................................................................................................. 7
Способ показа ....................................................................................................................... 7
Использовать первоначальные размеры ............................................................................... 7
Максимальная ширина изображения ..................................................................................... 7
Vаксимальная высота изображения ........................................................................................ 7
ПОКАЗГАЛЕРЕИ .......................................................................................................................... 8
CSS по умолчанию ................................................................................................................... 8
Максимальная ширина контейнера галереи в процентах ......................................................... 8
Настройки контейнера для превью ........................................................................................ 8
Минимальная ширина контейнера для превью ...................................................................... 10
Минимальная высота контейнера для превью ....................................................................... 10
Показывать название отдельных изображений ...................................................................... 10
Показывать название каталога .............................................................................................. 10
Расположение названия изображения. . ............................................................................... 10
Использовать описания из текстовых файлов .......................................................................... 10
Название изображения/Тег названия ................................................................................... 10
СТРОКАСОСТОЯНИЯБРАУЗЕРА ................................................................................................... 11
ПАРАМЕТРЫОВЕРЛЕЯ ............................................................................................................... 11
Минимальная ширина изображения .................................................................................... 12
Выбор фона ........................................................................................................................ 12
Показывать опцию закрытия окна .......................................................................................... 13
Показывать описание ........................................................................................................... 14
Выбор изображения загрузчика ............................................................................................ 14
Показывать информацию об изображении в скрытом окне.............................................................. 14
Лицензионный ключ.................................................................................................................................14
Дополнительные параметры и их запись в коде.......................................................................................15
Список параметров..................................................................................................................................15
Запись в коде (примеры).........................................................................................................................17
Изображение из каталога.....................................................................................................................17
Изображение из файла........................................................................................................................17
Серия изображений..............................................................................................................................17
Галерея..................................................................................................................................................17
Дополнительные способы показа изображений........................................................................................18
Слайдбокс.................................................................................................................................................18
Слайд-шоу Dropin……………………………………………………………………………………………..….20
Горизонтальное слайд-шоу.....................................................................................................................22
Отражение изображения.........................................................................................................................24
Изображение из внешнего источника.....................................................................................................26
Изображения Flickr TM / Слайд-шоу.................................................................................................................................28
Слайд-шоу из изображений с Flickr.....................................................................................................28
Баджи Flickr / Баджбоксы..........................................................................................................................................................30
Ссылка на Flickr..........................................................................................................................................................................32
CSS ссылки в мамботе JFlex Images.............................................................................................................................................33
Отдельные изображения..............................................................................................................................................................33
Слайдбокс.........................................................................................................................................................................................34
Слайд-шоу Dropin………………………………………………………………………………………………………….34
Горизонтальное слайд-шоу……………………………………………………………………………......……35
Отражение………………………………………………………………………………………………………....35
Изображение из внешнего источника…………………………..……………………………………………..36
Бадж и баджбокс Flickr…………………………………………………………………………………………..37
Слайд-шоу Flickr…………………………………………………………………………………………………..38
Приложение…………………………………………………………………………………………………………..39
CSS стили…………………………………………………………………………………………………………39
Список описаний изображений…………………………………………………………………………………39
Дополнения………………………………………………………………………………………………………..39
Настройки языка…………………………………………………………………………………………………..39
Jflex Images в модуле…………………………………………………………………………………………...40
Загрузка изображений и изменение их списков……………………………………………………………..40
Выдача изображений с Flickr……………………………………………………………………………………40
Выдача стандартных изображений……………………………………………………………………………40
Частые проблемы…………………………………………………………………………………………………40
Авторские права…………………………………………………………………………………………………40
Описание _____________________________________________
С помощью этого мамбота вы можете легко создавать на своем сайте галереи изображений – из
отдельных картинок или целых каталогов. Он содержит несколько компонентов, позволяющих
создавать галереи из файлов, содержащихся в каталогах. Выдача изображений может происходить
разными способами: от простых галерей до разнообразных слайд-шоу (горизонтальные слайд-шоу,
выдача случайных изображений, Dropin и слайдбоксы).
Данный мамбот позволяет демонстрировать на Вашем сайте любые изображения, которые Вы
только захотите. Вы можете загрузить их на сервер по отдельности или целым каталогом, или же
просто указать путь к фалу или ссылку, по которой мамбот найдет нужную картинку. При увеличении
превью картинка может появляться в оверлее, поп-апе или в новом окне.
Картинки из Flickr™ можно вставлять в виде ссылок, отдельных изображений, кнопки с ссылкой на
Flickr или с оверлеем. При этом увеличенное изображение с Flickr можно будет посмотреть на
Вашем сайте. При выборе любого варианта вставки изображения можно отключить перелинковку и
оверлей.
В этом руководстве подробно рассматриваются все функции, которыми обладает мамбот. Набор
доступных для использования функций различается в базовой и полной версиях.
Степень сложности: Подходит для начинающих работать с Joomla. Для совмещения с
собственной CSS необходимы дополнительные знания.
Техподдержку по базовой версии можно получить по адресу > www.joomlaportal.de.
Показ изображения в оверлее осуществляется при помощи Lightbox 1 Javascript, который разработал
Lokesh Dhakar > http://www.huddletogether.com. Этот скрипт включен в содержание данного мамбота.
Содержание пакета JFlex_Images_[xxx]v.l.Q.zip ______________
JFIexlmages_Basis_v.l.0.zip или JFIexlmages_Full_v.l.0.zip, руководство по использованию, лицензии
Система ______________________________________________
Mambo ab 4.5.2x /Joomla l.Ox
PHP > 4.3.4
GD-Library
Установка ____________________________________________
Перед началом установки распакуйте архив Jflex_lmages_[xxx]v.l.0.zip. (xxx обозначает базовую или
полную версию). Для установки используйте содержащийся в пакете zip-архив.
Установка производится через администрацию Joomla.
После установки не забудьте опубликовать плагин.
3
Установка параметров мамбота JFlex Images
ДИРЕКТОРИЯ, КАТАЛОГ, ДАННЫЕ
Стандартный путь к графическим данным
Параметры стандартного пути к каталогу, в котором содержатся:
- отдельные изображения,
- CSS Stylesheet,
- каталог для уменьшенных изображений (превью),
- каталог текстовых описаний.
Стандартное обозначение папки для превью
Обозначение папки для превью. Находится под полем Стандартный путь к графическим
данным, а также под каталогом галереи с дополнительными параметрами.
Активировать корневую директорию
Нет
Ja
- создаются относительные пути к файлу
- создается прямая ссылка
Название базы CSS
Находится под полем Стандартный путь к графическим данным и в каталоге галереи с
установленными дополнительными параметрами. Если не удается найти эти данные в каталоге,
то используются те данные CSS, которые содержатся в CSS по умолчанию.
Название списка изображений
Находится под полем Стандартный путь к графическим данным и в каталоге галереи с
установленными дополнительными параметрами.
4
Изменение размеров изображений
В этом окне вы можете установить параметры, по которым будут изменяться размеры
изображения при загрузке превью и полной картинки.
без соблюдения
пропорций
Размеры изображения не изменяются.
высота и ширина
пропорциональны
Размеры изображения изменяются и полностью соответствуют
установленным параметрам высоты и ширины превью и полного
изображения.
пропорциональная
высота
Изменяется высота изображения в соответствии с
установленными параметрами высоты превью и полного
изображения.
пропорциональная
ширина
Изменяется ширина изображения в соответствии с
установленными параметрами ширины превью и полного
изображения.
Превью
Стандартная максимальная ширина превью
Максимальная ширина в пикселях (только число!)
Стандартная максимальная высота превью
Максимальная высота в пикселях (только число!)
5
Использовать существующие превью
При выборе опции «да» превью получают такие же имена, как и исходные
изображения (моя_картинка.jpg ^ Thumbnail = моя_картинка.jpg)
В том случае, если мамбот не находит в каталоге соответсвующее изображению превью, оно
создается автоматически в соответствии с параметрами максимальной высоты и ширины.
6
Показ полного изображения
Способ показа
Способ показа зависит от того, для каких целей размещается изображение.
При применении поп-апа на изображение накладывается пустая картинка, что замедляет загрузку
страницы при навигации по контекстному меню при помощи правой кнопки мыши.
Использовать первоначальные размеры
да
нет
- Изображение сохраняет свои первоначальные размеры
- Величина изображения изменяется согласно заданным параметрам
максимальной высоты и ширины.
Максимальная ширина изображения
Данные в пикселях (только число!)
Максимальная высота изображения
Данные в пикселях (только число!)
7
ПОКАЗ ГАЛЕРЕИ
CSS по умолчанию
Выбор установленных данных Stylesheet.
A
B
C
Показ названия изображения можно отключить в настройках.
Максимальная ширина контейнера галереи в процентах
Данные в процентах (только число!).
Установите максимальную ширину галереи в контексте.
Настройки контейнера для превью
Настройки контейнера, в котором находятся превью.
неактивно
Размер контейнера изменяется в зависимости от величины изображения.
8
D
D (hover)
высота по умолчанию
Все контейнеры имеют одинаковую высоту, но разную ширину.
ширина по умолчанию
Все контейнеры имеют одинаковую ширину, но разную высоту.
высота и ширина по умолчанию
Все контейнеры имеют одинаковую высоту и ширину.
Если превью имеет большую высоту или ширину, то контейнер также увеличивается. Если превью
не существует, то изображение создается автоматически (смотрите раздел Изменение размеров
изображения).
9
Минимальная ширина контейнера для превью
Установка минимальной ширины контейнера для превью.
Минимальная высота контейнера для превью
Установка минимальной высоты контейнера.
Показывать название отдельных изображений
неактивно
Названия изображений показываться не будут, поэтому установки расположения названия в
данном случае не важны.
внизу
Название под каждым превью.
вверху
Название над превью.
Показывать название каталога
Возможно выключить данную опцию, тогда название каталога отображаться не будет.
Расположение названия изображения
Слева, справа или посередине контейнера.
Использовать описания из текстовых файлов
Возможно в качестве описания для картинок использовать текст из каталога (смотреть также
раздел Название списков изображений). В том случае, если не будет найдено никаких текстовых
файлов, то для описания изображения будет использоваться текст, введенный в поле Название
изображения/Тег названия, включая цифры.
Название изображения/Тег названия
Тег названия используется, если согласно установленным параметрам не было получено
никаких данных из списка названий изображений.
10
СТРОКА СОСТОЯНИЯ БРАУЗЕРА
Если это не запрещено в настройках конкретного браузера или пользователя, то возможно
изменять текст в строке состояния браузера на необходимый Вам.
11
ПАРАМЕТРЫ ОВЕРЛЕЯ
Минимальная ширина изображения оверлея
Установите минимальную ширину контейнера для полного
изображения. Лучше всего использовать небольшие изображения
(до 100 пикселей).
Выбор фона
Выбор цвета полупрозрачного фона, на который накладывается изображение.
12
Показывать опцию закрытия окна
Информация о том, что окно с изображением можно закрыть.
13
Показывать описание
При выборе позиции «да» текстовое описание будет отображаться в оверлее под картинкой.
Выбор изображения загрузчика
Будет отображаться до тех пор, пока картинка полностью не загрузится..
Показывать информацию об изображении в скрытом окне
Информация об изображении может выводиться в невидимом окне. Для этого нужно
деактивировать функцию показа названия изображения для превью. Для текстовых
браузеров на экран вместо изображения будет выводиться эта информация.
Лицензионный ключ
Введите в данное поле полученный Вами лицензионный ключ. Обратите внимание на то,
что регистр букв имеет значение!
14
JFlex Images. Дополнительные параметры и их запись в коде
Дополнительные параметры разделяются точкой с запятой. При изменении имени
изображения обращайте внимание на регистр букв: моя_картинка.jpg ist это не то же
самое, что моя_картинка.JPG.
Список параметров
Обозначение
Примерные величины/Описание
f
=
моя_картинка.jpg
Информация об отдельном изображении (только его имя)
Смотреть раздел Стандартный путь к графическим данным
fp
=
/изображения/моя_картинка.jpg
Информация об изображении по указанному пути из любого каталога
d
=
/изображения
Информация о каталоге, в котором находятся изображения (галерея)
title
=
Имя изображения
Тэг имени и подпись под изображением
desc
=
Описание изображения
Короткое описание изображения
tw
=
100
Максимальная ширина контейнера для превью (отличная от основных установок)
th
=
150
Максимальная высота контейнера для превью (отличная от основных установок)
pw
=
50
Ширина превью (отличная от основных установок)
ph
=
90
Высота превью (отличная от основных установок)
sg
=
1
В этом поле указывается ID группы пользователей, для которых будет
демонстрироваться данное изображение.
su
=
97
В том случае, если данное изображение должен видеть только один пользователь,
в этом поле указывается ID этого пользователя.
class
=
Ссылки
Расширение CSS-категории «Контейнер для превью».Эта установка позволяет
придавать изображениям различный внешний вид.
art
=
круглый
Изображения появляются в случайном порядке при каждом обновлении страницы.
Невозможно при загрузке отдельных изображений без каталога.
zoom
=
нет (возможна только данная опция) Отключается опция появления изображений в
оверлеях и поп-апах.
15
showtext
=
да или нет
Отключение или включение показа названия изображения или галереи.
Смотреть разделы Название отдельных изображение и Название каталога
16
Запись кода (Примеры)
Дополнительные примеры и демо-видео Вы можете найти на сайте
www.jahoART.eu.
Изображение из каталога
смотреть Основные установки
{jflex}f=моя_картинка.jpg {/jflex}
Все данные берутся из установок мамбота.
{jflex}f=моя_картинка.jpg;title=Изображение;desc=Небольшое
изображение{/jflex}
- title и desc записываются так:
{jflex}f=моя_картинка.jpg;title=Изображение;desc=Небольшое
изображение;class=синий{/jflex}
- Дополнительно указывается CSS-категория контейнера для превью (синий)
Изображение из файла
{jflex}fp=/images/stories/моя_картинка.jpg {/jflex}
{jflex}fp=/images/stories/моя_картинка.jpg;title=Изображение;desc=Небольшое изображение {/jflex}
{jflex}fp=/images/stories/моя_картинка.jpg;title=Изображение;desc=Небольшое
изображение;class=синий{/jflex}
Серия изображений
смотрите Основные установки {jflex}f=моя_картинка.jpg;title= Изображениеl;desc= Небольшое
изображение |f=моя_картинка2.jpg;title= Изображение2;desc= Это тоже изображение {/jflex}
Серия начинается с {jflex} и заканчивается {/jflex}.
Каждое изображение с дополнительными параметрами или без них отделяется от других прямой
чертой |.
Возможно создание серий изображений из файлов (fp=).
Галерея
{jflex}d=/images/stories {/jflex}
Информация об изображении добавляется из списка изображений. Если же в списке подобной
информации нет, она формируется автоматически согласно основным параметрам.
{jflex}d=/images/stories;вид=круглый {/jflex} – Случайный показ отдельного изображения
^ Дополнение: На одной странице могут отображаться несколько изображений или каталогов.
17
JFlex Images. Дополнительные способы показа изображений.
(не содержатся в базовом варианте)
Дополнительные параметры разделяются точкой с запятой ( ; ).
Слайдбокс
Изображения каталога показываются в виде слайд-шоу.
Невозможно для отдельно загруженных изображений.
Изображения появляются сверху вниз. При этом названия
изображений и их описание транслируются на темном
полупрозрачном фоне.
Обозначение
Примерные величины/ Описание
Необходимые параметры:
d
=
/images/stories/изображения
Данные каталога, в котором находятся изображения.
также смотреть Общие дополнительные параметры
art
=
слайдбокс
Дополнительные параметры:
speed
=
6
Скорость смены слайдов: чем ниже значение, тем выше скорость. Стандартная
скорость: 9.
zoom
=
th
=
tw
=
sg
=
su
=
смотреть Общие дополнительные параметры
.
18
Примеры записей
Слайдбокс со стандартными установками
{jflex}d=/images/stories/изображения;art=slidebox
{/jflex}
Слайдбокс с заданной шириной/высотой
Величина изображения зависит от основных настроек размеров изображений.
> смотреть раздел Изменение размеров изображения
{jflex}d=/images/stories/изображения;art=slidebox;speed=6;tw=400;th=400{/jflex}
Слайдбокс с заданной шириной/высотой и выключенной опцией увеличения изображений
Величина изображения зависит от основных настроек размеров изображений.
> смотреть раздел Изменение размеров изображения
{jflex}d=/images/stories/изображения;art=slidebox;speed=6;tw=400;th=400;zoom=n{/jflex}
19
Слайд-шоу Dropin
Изображения каталога показываются в
виде слайд-шоу. Невозможно для
отдельно загруженных изображений.
Изображения появляются сверху вниз.
Обозначение
Примерные величины/ Описание
Необходимые параметры:
d
=
/images/stories/изображения
Данные каталога, в котором находятся изображения.
также смотреть Общие дополнительные параметры
art
=
dropin
Дополнительные параметры:
speed
=
6
Скорость смены слайдов: чем ниже значение, тем выше скорость.
Стандартная скорость: 5.
zoom
=
th
=
tw
=
sg
=
su
=
смотреть Общие дополнительные параметры
20
Примеры записей
Слайдбокс со стандартными установками
{jflex}d=/images/stories/изображения;art=dropin
{/jflex}
Слайдбокс с заданной шириной/высотой
Величина изображения зависит от основных настроек размеров изображений.
> смотреть раздел Изменение размеров изображения
{jflex}d=/images/stories/изображения;art=dropin;speed=6;tw=400;th=400{/jflex}
Слайдбокс с заданной шириной/высотой и выключенной опцией увеличения изображений
Величина изображения зависит от основных настроек размеров изображений.
> смотреть раздел Изменение размеров изображения
{jflex}d=/images/stories/изображения;art=dropin;speed=6;tw=400;th=400;zoom=n{/jflex}
21
Горизонтальное слайд-шоу
Изображения каталога показываются в виде горизонтального слайд-шоу. Невозможно для
отдельно загруженных изображений.
Обозначение
Примерные величины/ Описание
Необходимые параметры:
d
=
/images/stories/изображения
Данные каталога, в котором находятся изображения.
также смотреть Общие дополнительные параметры
art
=
dropin
Дополнительные параметры:
width
=
600
Ширина горизонтального контейнера. Стандартное значение: 500.
speed
=
6
Скорость смены слайдов: чем ниже значение, тем ниже скорость.
Стандартная скорость: 2.
zoom
=
th
=
tw
=
sg
=
su
=
смотреть Общие дополнительные параметры
22
Примеры записей
Горизонтальное слайд-шоу со стандартными
установками
{jflex}d=/images/stories/изображения;art=horizontal
{/jflex}
Горизонтальное слайд-шоу с заданной шириной/высотой
Величина изображения зависит от основных настроек размеров изображений.
> смотреть раздел Изменение размеров изображения
{jflex}d=/images/stories/изображения;art=horizontal;speed=1;tw=400;th=400{/jflex}
Слайдбокс с заданной шириной/высотой и выключенной опцией увеличения изображений
Величина изображения зависит от основных настроек размеров изображений.
> смотреть раздел Изменение размеров изображения
{jflex}d=/images/stories/изображения;art=horizontal;speed=1;tw=400;th=400;zoom=n{/jflex}
23
Отражение изображения
Создается зеркальное отображение
изображения.
Данная опция возможна лишь для
отдельно загруженных изображений.
Обозначение
Примерные величины/ Описание
Необходимые параметры:
f
=
моя_картинка.jpg
также смотреть Общие дополнительные параметры и Основные
установки
fp
=
ИЛИ
/images/stories/изображения
также смотреть Общие дополнительные параметры
art
=
reflection
Дополнительные параметры:
typ
=
org (возможно только такое значение)
Изображение показывается в натуральную величину.
refh
=
100
Это значение определяет высоту отражения.
refopac
=
10
Это значение определяет прозрачность отражения.
zoom
=
th
=
tw
=
sg
=
su
=
смотреть Общие дополнительные параметры
Примеры записей
Отражение со стандартными установками
{jflex}fp=/images/stories/моя_картинка.jpg;art= reflection {/jflex}
{jflex}f=моя_картинка
.jpg;art=reflection{/jflex}
Отражение в натуральную величину картинки
Величина изображения зависит от основных настроек размеров изображений.

смотреть раздел Изменение размеров изображения
{jflex}fp=/images/stories/моя_картинка.jpg;art=;typ=org{/jflex}
{jflex}f=моя_картинка.jpg;art=reflection;typ=org{/jflex}
Отражение с заданной шириной/высотой и выключенной опцией
увеличения изображений
Величина изображения зависит от основных настроек размеров изображений.
>
смотреть раздел Изменение размеров изображения
{jflex}fp=/images/stories/моя_картинка.jpg;art=reflection;tw=400;th=400;zoom=n{/jflex}
{jflex}f=моя_картинка.jpg;art=reflection;tw=400;th=400;zoom=n{/jflex}
25
Изображение из внешнего источника
Здесь указываются ссылки к любым внешним изображениям. Применимо только к
отдельным изображениям.
Обозначение
Примерные величины/ Описание
Необходимые параметры:
Wert
big
=
www.irgendwo.de/моя_картинка.jpg
Адрес вводится без http://
art
=
extern
Дополнительные параметры:
small
=
www.irgendwo.de/моя_картинка_маленькая.jpg
Адрес вводится без http:// Если оставить это поле незаполненным, то
превью не будет создано, и изображение будет показываться в полную
величину, равную величине в поле big=
zoom
=
th
=
tw
=
ph
=
pw
=
смотреть Общие дополнительные параметры
title
=
desc
=
При указании данных th, tw, ph, pw не происходит никакой
обработки изображений!
sg
=
su
=
showtext
=
26
Примеры записей
Изображение из внешнего источника (В натуральную величину)
{jflex}big=www.irgendwo.de/моя_картинка.jpg;art=extern{/jflex}
Изображение из внешнего источника (В натуральную величину и с превью)
{jflex}small=www.irgendwo.de/моя_картинка_маленькая.jpg;big=www.irgendwo.de/моя_карти
нка.jpg;art=extern
{/jflex}
Изображение из внешнего источника с заданной
шириной/высотой и выключенной опцией увеличения
изображений
{jflex}big=www.irgendwo.de/моя_картинка.jpg;art=extern;zoom=n{/jflex}
27
Изображения Flickr TM / Слайд-шоу
С помощью данной опции Вы можете вставлять в контент своего сайта изображения,
выложенные на FlickrTM и имеющие статус публичности. При этом наличие ключа доступа API
совсем не обязательно.
Слайд-шоу из изображений с Flickr
Уже имеющиеся на Flickr
слайд-шоу
инсталлируются в
контейнер iframe.
Обозначение
Примерные величины/ Описание
Необходимые параметры:
art
=
flickr
show
=
slide
fid
=
Ваш ID на Flickr.
Если он Вам неизвестен, узнать его можно на http://idgettr.com.
Дополнительные параметры:
fsid
=
sg
=
su
=
ID сета (в том случае, если изображения будут транслироваться из
определенного сета).
› смотреть Общие дополнительные параметры
28
Примеры записей
Слайд-шоу изображений с Flickr (все изображения
с указанного ID юзера)
{jflex}fid=7832410@N08;art= flickr;show=slide
{/jflex}
Слайд-шоу изображений с Flickr (все изображения с указанного ID юзера и ID
сета) {jflex}fid=7832410@N08; fsid=72157600066024876;art= flickr;show=slide
{/jflex}
29
Баджи Flickr / Баджбоксы
С помощью Flickr возможно представить каждое изображение в виде отдельного кадра. Для
этого изображения должны иметь на Flickr статус публичности. Ключ доступа API при этом
не обязателен.
Обозначение
Примерные величины/ Описание
Необходимые параметры:
art
=
flickr
show
=
badge или badgebox
Разница состоит в том, что при выборе значения badge увеличенное
изображение открывается по ссылке на Flickr, a при выборе badgebox
– на самом сайте в виде оверлея.
fid
=
Ваш ID на Flickr.
Если он Вам неизвестен, узнать его можно на http://idgettr.com.
fsize
=
t
Размер превью. Стандарт: s.
Размеры изображений Flickr:

S – sqare (квадрат) - 75×75

T – Thumbnail (превью) - 100×56

M – small (маленький) - 240×135
Дополнительные параметры:
fsid
=
ID сета (в том случае, если изображения будут транслироваться из
определенного сета).
target
=
_blank
Возможно только при выборе параметра badge, стандартная
настройка: не открывать новое окно или вкладку.
ftyp
=
random
Способ выбора изображений, стандартная установка: latest
(последние). Возможные варианты: latest (последние) и random (в
случайном порядке).
fc
=
6
Количество показываемых превью. Стандартная установка: 3
30
title
=
sg
=
su
=
zoom
=
Моя галерея Flickr
Подписью будет служить текст с Flickr. Стандартная установка: Моя
галерея Flickr.
смотреть Общие дополнительные параметры
31
Примеры записей кодов для баджей Flickr
Бадж со стандартными настройками (Ссылка на
Flickr)
{jflex}fid=7832410@N08;art=flickr;show=badge{/jflex}
Бадж с определенным количеством превью и увеличением изображения при его просмотре
{jflex}fid=7832410@N08;art= flickr;show=badge;fsize=t;fc=10{/jflex}
Баджбокс Flickr со стандартными настройками (Ссылка на Flickr)
{jflex}fid=7832410@N08;art=flickr;show=badgebox{/jflex}
Баджбокс с определенным количеством превью и увеличением изображения при его
просмотре
{jflex}fid=7832410@N08;art= flickr;show=badgebox;fsize=t;fc=10{/jflex}
Баджбокс с определенным количеством превью, но без увеличения изображения при
просмотре {jflex}fid=7832410@N08;art= flickr;show=badgebox;fsize=t;fc=10;zoom=no{/jflex}
Ссылка на Flickr
Создание ссылки на Flickr.
Обозначение
Примерные величиниы/Описание
Необходимые параметры:
art
=
flickr
show
=
link
fid
=
Ваш ID на Flickr
Если он Вам неизвестен, узнать его можно на http://idgettr.com.
Дополнительные параметры:
fsid
=
ID сета (в том случае, если изображения будут транслироваться из
определенного сета).
target
=
_blank
Возможно только при выборе параметра badge, стандартная настройка: не
открывать новое окно или вкладку.
title
=
Моя галерея Flickr
Подписью будет служить текст с Flickr. Стандартная установка: Моя галерея
Flickr.
sg
=
su
=
смотреть Общие дополнительные параметры
32
CSS ссылки в мамботе JFlex Images
Отдельные изображения / Галерея / Случайное изображение
33
Слайдбокс
Слайд-шоу Dropin
34
Горизонтальное слайд-шоу
Отражение
35
Изображение из внешнего источника
36
Бадж и баджбокс Flickr
Категории зависят от параметров превью, записанных в строке Величина изображения (s, t, m)
37
Слайд-шоу Flickr
38
Приложение
CSS стили
Собственный CSS стиль Вы можете создать, изменяя параметры (категории и ID), установленные в
стиле шаблона. Измененные параметры плагина необходимо внести в соответствующий каталог
изображений. Если использовать совй стиль для каждого каталога, то можно придавать каждой
галерее отличный от других внешний вид. Кроме этого на каждой странице возможно изменять
внешний вид контейнер для превью, вводя разые данные для параметра class=.
-» Дополнение: Как правило, изображения появляются на странице слева. Если Вы хотите, чтобы
они отображались на странице, то в данных вместо float: left укажите float: right. А если Вы хоть
немного разбираетесь в CSS, то Вам не составит никакого труда, привести изображения к
желаемому внешнему виду.
Список описаний изображений
Точное даные об имени изображения#его названии#описании
изображение_01.jpg#изображениеl#Большой цветок
изображение_02.jpg#изображение2#Маленький цветок
Точные данные об имени изображения: напр.
Оригинальное изображение: моя_картинка.jpg
Превью:
моя_картинка.jpg
В тексте:
моя_картинка.jpg
Формат: ASCII
Имя списка изображений должно совпадать с именем, указанным в глобальных установках. Эти
данные должны быть указаны в том каталоге, в котором находятся изображения галереи.
Дополнения
-» Пути к файлу и каталоги невозможно создать при помощи мамбота.
-» На каталоги галерей и содержащиеся в них данные необходимо установить, по меньшей мере,
право чтения.
-» Для каждой галереи должен существовать отдельный каталог. Обращайте внимание на структуру
создаваемых каталогов. Для корректной работы мамбота в каждом каталоге должен находиться
файл index.html.
-» Пример структуры каталога при применении данных зум-галереи
Joomla-Root/
images/zoom
images/zoom/thumbs
-» Пример обычной структуры
Joomla-Root/
images/stories/bilder/
images/stories/bilder/thumbs
-» При применении дополнительного параметра d=(смотреть дополнительные параметры)
создается общий каталог. В список изображений вносятся тексты описаний к картинкам, которые и
использует мамбот.
-» В каталоге превью (thumbs) имеют точно такой же формат и имя, как и исходное изображение.
39
Настройки языка
В строке $_SERVER["HTTP_ACCEPT_LANGUAGE" определяется язык браузера. Используются два
первых места в строке. В соответствии с этими настройками отображаются текстовые данные.
Стандарт: английский (в том случае, если текстовых данных на других языках нет). Информация о
настройках языка находится в каталоге /mambots/content/jflex/.
JFlex Images в модуле
Установите новый модуль в разделе Joomla „Управление модулями“ и укажите необходимую строку
мамбота. Таким образом, можно заставить работать мамбот в нужных модулях. Если Вы
используете какую-либо команду, например, <?php mosLoadModules ( 'left',-2 );, то модули в мамботе
вызываться не будут. Чтобы представлять мамботы в модулях, используйте команду <?php
mosLoadModules ( 'left' ); ?> Это касается всех позиций модулей и работы всех мамботов, а не
только JFlex Image!
Загрузка изображений и изменение их списков
Для этого используйте любой FTP-клиент или Joomla Explorer. Списки изображений должны быть
представлены в виде только текстовых файлов. Изменять их можно в любом текстовом редакторе.
Выдача изображений с Flickr
Скорость загрузки страниц с такими изображениями зависит от качества подключения к Flickr. Для
выдачи изображений в оверлее предварительно они должны загрузиться на заднем плане. При этом
ключ доступа API не требуется. Мы не несем ответственности за сбои в работе мабота при
изменении структуры Flickr.
Выдача стандартных изображений
Страницы с изображениями загружаются быстрее, если использовать превью из каталога превью и
готовые полные изображения тех размеров, с которыми они и должны появляться на сайте.
Частые проблемы
■ Если Вы на своем сайте используете Flash-баннер, то может получиться так, что эффект
затемнения при выдаче полного изображения не будет распространяться на баннер. В таком
случае деактивируйте фон оверлея (смотреть Выбор фона).
■ Сейчас возможно формирование только горизонтального слайд-шоу.
■ Не во всех браузерах возможна корректная работа данного мабота. В старых версиях браузеров
некоторые функции не поддерживаются.
■ Применение шаблонов Javascript в некоторых случаях становится причиной возникновения
проблем при демонстрации слайд-шоу и выдаче оверлея. Это может происходить, когда, к
примеру, применяется <body onload="xxx;". Фактически этот метод является устаревшим и не
рекомендуется к использованию.
Авторские права
Мамбот и все прилагающиеся к нему документы, в том числе и это руководство, защищены
авторскими правами. Внимательно ознакомьтесь с содержащимся в данном пакете лицензионным
соглашением. Ответственность за используемые при помощи мамбота изображения полностью
несет пользователь программы
40