Сделанная на 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’]Где:
– imageurl: абсолютный или относительный путь к фото. Относительный путь является относительным к, содержащей sfw, html-странице.
– linkurl: абсолютный или относительный путь к url, открывающейся при нажатии на ссылку у перевернутой картинки. Считается относительный путь от, содержащей swf, HTML-страницы. При отсутствии этого свойства будет отсутствовать и кнопка ссылки.
– showFlipButton: эта опция убирает с лицевой стороны картинки кнопку «flip».
– title: отображаемый на обратной стороне заголовок фотографии.
– description: это описание, отображаемое с обратной стороны фото. Для включения в него тегов, wrap описание нужно заключить в тег CDATA:
[sourcecode language=’xml’]and font tags. Hyperlinks are not supported.]]>
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 | Максимальный угол поворота фотографий при отдалении |
