Свежие записи

Статистика

Просмотров: 326
Хостов: 56

Как сделать ротатор картинок с JW Image Rotator

Предисловие:
Представленная здесь версия (3.18) флеш-плейера (ротатора изображений) на сайте авторов продается за 59 евро, но здесь вы можете скачать ее абсолютно бесплатно без вотермарка.
Эта страница даст ответы на такие поисковые запросы как:

как убрать водяной знак с JW Image Rotator 3.18
как декомпилировать JW Image Rotator 3.18 и избавиться от логотипа
лицензионный JW Image Rotator 3.18 скачать бесплатно
travelsheep.com/wp-content/uploads/2009/11/imagerotator.swf

Итак у вас 2 варианта: или скачать версию 3.17 в которой официально не было лого или скачать декомпилированный мной JW Image Rotator версии 3.18 и избавленный от водяного знака. Что выбирать решайте сами.

Далее я расскажу как сделать для сайта ротатор картинок или слайдшоу на флеше с красивыми переходами. Все быстро и лекго настраивается, этот способ очень прост и подойдет как для wordpress, так и для любой другой CMS или даже для простейшего сайта на голом html. Итак, все что нам необходимо это специальный флеш-плейер состоящий из 3 файлов — imagerotator.swf, imagerotator.xml и swfobject.js.
В любую папку сайта помещаем папку с этими тремя файлами, туда же помещаем и изображения. Их может быть сколько угодно много. Чтобы было удобнее желательно их переименовать в 1.jpeg, 2.jpeg, 3.jpeg… и так далее.
Затем необходимо открыть файл imagerotator.xml любым редактором и отредактировать под себя. Там нужно прописать путь и название каждой картинки. Этот файл является плейлистом. Это выглядит примерно таким образом:

<code>
<track>
<title>Отображаемое название изображения</title>
<creator>Имя автора фотки или название фирмы</creator>
<location>Путь к изображению, например: images/ rotator/имя файла изображения</location>
<info>Описание изображения</info>
</track>
</code>

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

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

<code>
<embed src=»/ваш путь к файлу/imagerotator.swf»
width=»230″
height=»160″
allowscriptaccess=»always»
allowfullscreen=»true»
flashvars=»file=/ваш путь к файлу/imagerotator.xml&transition=random»
/>
</code>

Здесь все, думаю, понятно. Указываем путь к файлу флешплейера, ширину и высоту самого ротатора. Следущий пункт включает автоматический запуск ротации изображений, а параметр allowfullscreen со значением «true» или «falce» разрешает или запрещает показ в полноэкранном режиме.
Чтобы смотрелось симпатичнее можно помстить флеш ротатор в рамочку, например так:

<code>
<table border=»1″ bordercolor=»#548DD4″>
<td><embed src=»/ваш путь к файлу/imagerotator.swf»
width=»230″
height=»160″
allowscriptaccess=»always»
allowfullscreen=»true»
flashvars=»file=/ваш путь к файлу/imagerotator.xml&transition=random»
/></td>
</table>
</code>

А тепер рассмотрим последнюю строчку: <code>flashvars=»file=/ваш путь к файлу/imagerotator.xml&transition=random»</code>. Слово random означает что будут использоваться все типы переходов в случайном порядке, но их можно ограничить используя вместо рандом эти значения: fade, bgfade, blocks, bubbles, circles, flash, fluids, lines или slowfade.

В принципе этого уже достаточно и все будет работать, но для тех кто желает сделать что-то особенное — можно ознакомиться со списком параметров для более тонкой настройки ротатора на официальном сайте разработчиков longtailvideo.com/players/jw-image-rotator. Ну вот и все, если что, пишите комменты. Вообщем, как говорят американцы — энджой..