Маркетер
  • Маркетинг
  • Digital
  • Реклама
  • Public Relations
  • Менеджмент
  • Новости
  • Маркетинг
  • Digital
  • Реклама
  • Public Relations
  • Менеджмент
  • Новости
Facebook 0 Likes
Twitter 0 Followers
Instagram 0 Followers
Pinterest 0 Followers
YouTube 0 Subscribers
Подписаться
Маркетер
Маркетер
  • Маркетинг
  • Digital
  • Реклама
  • Public Relations
  • Менеджмент
  • Новости
  • Flash

TiltViewer – 3D Flash галерея

  • 21.09.2010
Total
0
Shares
0
0
0
0
0
0

Сделанная на flash, превосходная 3D галерея, способная работать не только с аккаунтом на Flickr.com, но и с локальными файлами.

Демонстрация

1. Итак, нужно скачать TiltViewer и распаковать его в новую (Gallery) папку. В дальнейшем она и будет использоваться галереей.

2. Картинки нужно скопировать в папку imgs, которая находится в папке Gallery.

3. В основной папке (Gallery) отредактировать файл «index.html», выставляем false для значение «useFlickr»:

[sourcecode language=’xml’]fo.addVariable(“useFlickr”, “false”);[/sourcecode]

4. В поле maxJPGSize нужно указать максимальную ширину наибольшей фотографии. К примеру, для фото 1024х768:

[sourcecode language=’xml’]fo.addVariable(“maxJPGSize”,”1024″);[/sourcecode]

5. Открыть и отредактировать файл «gallery.xml». Добавляем для каждой фотографии заголовок, описание, url ссылки и url картинки:

[sourcecode language=’xml’] My Image Title
My Image Description.
[/sourcecode]

Где:

– imageurl: абсолютный или относительный путь к фото. Относительный путь является относительным к, содержащей sfw, html-странице.

– linkurl: абсолютный или относительный путь к url, открывающейся при нажатии на ссылку у перевернутой картинки. Считается относительный путь от, содержащей swf, HTML-страницы. При отсутствии этого свойства будет отсутствовать и кнопка ссылки.

– showFlipButton: эта опция убирает с лицевой стороны картинки кнопку «flip».

– title: отображаемый на обратной стороне заголовок фотографии.

– description: это описание, отображаемое с обратной стороны фото. Для включения в него тегов, wrap описание нужно заключить в тег CDATA:

[sourcecode language=’xml’]bold, underline, italics, linebreaks
and font tags. Hyperlinks are not supported.]]>
[/sourcecode]

6. Нижеперечисленные опции использовать по желанию:

Название опции Значение по умолчанию Описание
useFlickr true Использование фото с локального XML-файла или с Flickr в качестве источника текста и картинок.
useReloadButton true Определяет, следует ли перезагружать изображения, или же использовать кнопки gallery paging next/back.
showFlipButton true Показывать или нет кнопку переворота “flip”. Относится ко всем фотографиям. В XML-галлереях для отдельной картинки можно убрать кнопку “flip”, добавив “showFlipButton” в теге фотографии в XML-документе.
showLinkButton true Показывать ли кнопку “go to Flickr page” на оборотной стороне. Относится ко всем фотографиям. В XML-галлереях для отдельной картинки можно убрать это свойство, с помощью тега “linkurl”
columns 5 Количество колонок с отображаемыми картинками
rows 5 Количество столбцов
linkLabel go to Flickr page Текст, отображаемый на кнопке ссылки.
frameColor 0xFFFFFF Цвет рамки
backColor 0xFFFF00 Цвет фона оборотной стороны.
bkgndInnerColor 0×333333 Цвет градиента в центре
bkgndOuterColor 0×000000 Цвет градиента по краям
langGoFull Go Fullscreen Текст, появляющийся по нажатию правой кнопкой мыши.
langExitFull Exit Fullscreen аналогично langGoFull.
langAbout About аналогично langGoFull.

Опции Flickr галереи.

Эта галерея грузит картинки и фото с Flickr.com. Для использования этой галереей, применяем useFlickr – true. Детальней об этом методе здесь.

Название Пример значения Описание
user_id 12345678@00 Фото конкретного пользователя. Однако это не факт, что у вас будет возможность показывать картинку любого пользователя. Для поиска id пользователя необходимо ввести его имя здесь
tags jump, smile Теги для фото
tag_mode any Определяет комбинацию тегов при поиске фото. По умолчанию установлено any. – «any» – для использования комбинации ИЛИ – «all» для использования комбинации И
showTakenByText true Показывать ли “taken by X on Y” текст с обратной стороны страницы.

Опции XML галереи.

Эта галерея грузит фотографии из специального XML-файла. Параметр useFlickr должен быть false.

Название опции Значение по умолчанию Описание
xmlURL gallery.xml Относительный или абсолютный путь к XML-файлу галереи. От swf-файла идёт относительность. Использовать можно только при выставлении для useFlickr значения false.
maxJPGSize 500 Ширина наибольшего фото

Опции Pro Options

Она поддерживается лишь в TiltViewer-Pro.

Название опции Значение по умолчанию Описание
bkgndTransparent false Если вы хотите, чтобы отображался радиальный градиент за сеткой картинок – установите true.
showFullscreenOption true Показывать или нет “Go Fullscreen” по нажатию правой кнопкой мыши
frameWidth 40 Толщина рамки картинки. Чтобы рамки не было – установите -5
zoomedInDistance 1400 Дистанция до приближенного фото. При увеличении параметра картинка становится меньше.
zoomedOutDistance 7500 Дистанция от сетки фотографии.
fontName Arial Шрифт текста на оборотной стороне фото. Если указанный шрифт в swf не читается, будет показан шрифт по умолчанию ‘sans’
titleFontSize 90 Размер шрифта в заголовке фото
descriptionFontSize 32 Размер шрифта в описании фото.
linkFontSize 41 Размер шрифта в ссылке.
linkTarget _blank Варианты открытия ссылки: «_self» – показ в том же окне.«_blank» – показ в новом окне. «_parent» – specifies the parent of the current frame. «_top» – показ сверху окон.
navButtonColor 0xFFFFFF Цвет кнопок next/back и кнопки перезагрузки. По умолчанию белый
flipButtonColor 0xFFFFFF Цвет кнопки поворота flip.
textColor 0×000000 Цвет текста обратной стороны фото.
linkTextColor 0xFFFFFF Цвеи ссылки с обратной стороны фото.
linkBkgndColor 0×000000 Цвет фона ссылки с обратной стороны фото.
enableSounds true Звук нажатия.
tiltAmountIn 75 Максимальный угол поворота фотографий при приближении
tiltAmountOut 120 Максимальный угол поворота фотографий при отдалении

Источник

Total
0
Shares
Телеграфировать 0
Поделиться 0
Репост 0
Твитнуть 0
Nika75

Предыдущий материал
  • Блог

Успешеное продвижение сайтов в Туле

  • 20.09.2010
  • Lesnikov_O
Read More
Следующий материал
  • Примеры рекламы

Ботинки Red Tape Urbanwear – опора для игр

  • 21.09.2010
  • jokar
Read More
Вас также может заинтересовать
Read More
  • Flash

Скачиваем с YouTube

  • Алексей Волков
  • 10.11.2009
Read More
  • Flash

маски в flash

  • Алексей Волков
  • 23.12.2005
Read More
  • Flash

С чего начать

  • Алексей Волков
  • 23.12.2005
Read More
  • Flash

Руководство для начинающих

  • Алексей Волков
  • 23.12.2005
Read More
  • Flash

Flash 4

  • Алексей Волков
  • 23.12.2005
Read More
  • Flash

tell target

  • Алексей Волков
  • 01.04.2002
Read More
  • Flash

3d в flash (1 вариант)

  • Алексей Волков
  • 01.04.2002
Read More
  • Flash

подключение flash

  • Алексей Волков
  • 01.04.2002

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

Для отправки комментария вам необходимо авторизоваться.

Свежие посты
  • Рассылка как продукт
    • 24.07.20
  • Google назвал лучшие приложения App Store за 2018 год
    • 14.12.18
  • Онлайн-конференция интернет-магазин от “А до Я” CyberE-com 2018
    • 25.05.18
  • Бесплатная онлайн-конференция по управлению репутацией
    • 04.12.17
  • Открыта регистрация на CyberMarketing-2017
    • 19.10.17
Маркетер
  • О проекте
  • Информационное спонсорство
  • Рекламным агентствам
  • Ссылки
(с) ООО "Маркетер". Официальный сайт. Маркетер: Статьи про рекламу, маркетинг, public relations, интернет

Введите ключевые слова для поиска и нажмите Enter