Руководство по JFLEX Images (стр. 1 )

{ Руководство по JFLEX Images}

Автор:	Ute Jacobi
URL:	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.

После установки не забудьте опубликовать плагин.

Установка параметров мамбота JFlex Images ДИРЕКТОРИЯ, КАТАЛОГ, ДАННЫЕ

Стандартный путь к графическим данным

Параметры стандартного пути к каталогу, в котором содержатся:

-  отдельные изображения,

-  CSS Stylesheet,

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

-  каталог текстовых описаний.

Стандартное обозначение папки для превью

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

Активировать корневую директорию

Нет - создаются относительные пути к файлу
Ja - создается прямая ссылка

Название базы CSS

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

Название списка изображений

Находится под полем Стандартный путь к графическим данным и в каталоге галереи с установленными дополнительными параметрами.

Изменение размеров изображений

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

без соблюдения пропорций	Размеры изображения не изменяются.
высота и ширина пропорциональны	Размеры изображения изменяются и полностью соответствуют установленным параметрам высоты и ширины превью и полного изображения.
пропорциональная высота	Изменяется высота изображения в соответствии с установленными параметрами высоты превью и полного изображения.
пропорциональная ширина	Изменяется ширина изображения в соответствии с установленными параметрами ширины превью и полного изображения.

Превью

Стандартная максимальная ширина превью

Максимальная ширина в пикселях (только число!)

Стандартная максимальная высота превью

Максимальная высота в пикселях (только число!)

Использовать существующие превью

При выборе опции «да» превью получают такие же имена, как и исходные изображения (моя_картинка. jpg ^ Thumbnail = моя_картинка. jpg)

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

Показ полного изображения

Способ показа

Способ показа зависит от того, для каких целей размещается изображение.

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

Использовать первоначальные размеры

да - Изображение сохраняет свои первоначальные размеры

нет - Величина изображения изменяется согласно заданным параметрам максимальной высоты и ширины.

Максимальная ширина изображения

Данные в пикселях (только число!)

Максимальная высота изображения

Данные в пикселях (только число!)

ПОКАЗ ГАЛЕРЕИ

CSS по умолчанию

A	B	C	D	D (hover)

Выбор установленных данных Stylesheet.

Показ названия изображения можно отключить в настройках.

Максимальная ширина контейнера галереи в процентах

Данные в процентах (только число!).

Установите максимальную ширину галереи в контексте.

Настройки контейнера для превью

Настройки контейнера, в котором находятся превью.

неактивно

Размер контейнера изменяется в зависимости от величины изображения.

высота по умолчанию

Все контейнеры имеют одинаковую высоту, но разную ширину.

ширина по умолчанию

Все контейнеры имеют одинаковую ширину, но разную высоту.

высота и ширина по умолчанию

Все контейнеры имеют одинаковую высоту и ширину.

Если превью имеет большую высоту или ширину, то контейнер также увеличивается. Если превью не существует, то изображение создается автоматически (смотрите раздел Изменение размеров изображения).

Минимальная ширина контейнера для превью

Установка минимальной ширины контейнера для превью.

Минимальная высота контейнера для превью

Установка минимальной высоты контейнера.

Показывать название отдельных изображений

неактивно

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

внизу

Название под каждым превью.

вверху

Название над превью.

Показывать название каталога

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

Расположение названия изображения

Слева, справа или посередине контейнера.

Использовать описания из текстовых файлов

Возможно в качестве описания для картинок использовать текст из каталога (смотреть также раздел Название списков изображений). В том случае, если не будет найдено никаких текстовых файлов, то для описания изображения будет использоваться текст, введенный в поле Название изображения/Тег названия, включая цифры.

Название изображения/Тег названия

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

СТРОКА СОСТОЯНИЯ БРАУЗЕРА

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

ПАРАМЕТРЫ ОВЕРЛЕЯ

Минимальная ширина изображения оверлея

Установите минимальную ширину контейнера для полного изображения. Лучше всего использовать небольшие изображения (до 100 пикселей).

Выбор фона

Выбор цвета полупрозрачного фона, на который накладывается изображение.

Показывать опцию закрытия окна

Информация о том, что окно с изображением можно закрыть.

Показывать описание

При выборе позиции «да» текстовое описание будет отображаться в оверлее под картинкой.

Выбор изображения загрузчика

Будет отображаться до тех пор, пока картинка полностью не загрузится..

Показывать информацию об изображении в скрытом окне

Информация об изображении может выводиться в невидимом окне. Для этого нужно деактивировать функцию показа названия изображения для превью. Для текстовых браузеров на экран вместо изображения будет выводиться эта информация.

Лицензионный ключ

Введите в данное поле полученный Вами лицензионный ключ. Обратите внимание на то, что регистр букв имеет значение!

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	=	нет (возможна только данная опция) Отключается опция появления изображений в оверлеях и поп-апах.
showtext	=	да или нет Отключение или включение показа названия изображения или галереи. Смотреть разделы Название отдельных изображение и Название каталога

Запись кода (Примеры)