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

Дополнительные примеры и демо-видео Вы можете найти на сайте 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} – Случайный показ отдельного изображения

^ Дополнение: На одной странице могут отображаться несколько изображений или каталогов.

JFlex Images. Дополнительные способы показа изображений.

(не содержатся в базовом варианте)

Дополнительные параметры разделяются точкой с запятой ( ; ).

Слайдбокс

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

Обозначение		Примерные величины/ Описание
		Необходимые параметры:
d	=	/images/stories/изображения Данные каталога, в котором находятся изображения. также смотреть Общие дополнительные параметры
art	=	слайдбокс
		Дополнительные параметры:
speed	=	6 Скорость смены слайдов: чем ниже значение, тем выше скорость. Стандартная скорость: 9.
zoom th tw sg su	= = = = =	смотреть Общие дополнительные параметры

.

Примеры записей

Слайдбокс со стандартными установками {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}

Слайд-шоу Dropin

 

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

Обозначение		Примерные величины/ Описание
		Необходимые параметры:
d	=	/images/stories/изображения Данные каталога, в котором находятся изображения. также смотреть Общие дополнительные параметры
art	=	dropin
		Дополнительные параметры:
speed	=	6 Скорость смены слайдов: чем ниже значение, тем выше скорость. Стандартная скорость: 5.
zoom th tw sg su	= = = = =	смотреть Общие дополнительные параметры

Примеры записей

Слайдбокс со стандартными установками {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}

Горизонтальное слайд-шоу

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

Обозначение		Примерные величины/ Описание
		Необходимые параметры:
d	=	/images/stories/изображения Данные каталога, в котором находятся изображения. также смотреть Общие дополнительные параметры
art	=	dropin
		Дополнительные параметры:
width	=	600 Ширина горизонтального контейнера. Стандартное значение: 500.
speed	=	6 Скорость смены слайдов: чем ниже значение, тем ниже скорость. Стандартная скорость: 2.
zoom th tw sg su	= = = = =	смотреть Общие дополнительные параметры

Примеры записей

Горизонтальное слайд-шоу со стандартными установками {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}

Отражение изображения

Создается зеркальное отображение изображения.

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

Обозначение		Примерные величины/ Описание
		Необходимые параметры:
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}

Изображение из внешнего источника

Обозначение		Примерные величины/ Описание
		Необходимые параметры:
big	=	www. irgendwo. de/моя_картинка.jpg Адрес вводится без http://
art	=	extern
		Дополнительные параметры:
small	=	www.irgendwo.de/моя_картинка_маленькая.jpg Адрес вводится без http:// Если оставить это поле незаполненным, то превью не будет создано, и изображение будет показываться в полную величину, равную величине в поле big=
zoom th tw ph pw title desc sg su showtext	= = = = = = = = = =	смотреть Общие дополнительные параметры При указании данных th, tw, ph, pw не происходит никакой обработки изображений!

Здесь указываются ссылки к любым внешним изображениям. Применимо только к отдельным изображениям.

Wert Beispielwerte / Beschreibung

Примеры записей

Изображение из внешнего источника (В натуральную величину)

{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}

Изображения Flickr TM / Слайд-шоу

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

Слайд-шоу из изображений с Flickr

Уже имеющиеся на Flickr слайд-шоу инсталлируются в контейнер iframe.