2014 12 Апр

marquee.

Автор: Сергей Бондаренко

marquee.

Скрипт marquee предназначен для того, чтобы заставлять изображения двигаться – слева направо или наоборот.

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

1. Подбираете подходящую картинку в формате gif, которая бы изображала движение вперёд.

Заяц

2. Переключаете свой редактор на “Текст” (если у вас стоит движок WordPress) или на HTML (если стоит другой движок).

3. Спереди и сзади названия картинки подставляешь скрипты: перед картинкой <marquee behavior=direction=”left”> и в конце картинки </marquee>.

4. Например. Я переключился на “Текст”. Нашёл полный адрес своего Зайца - <img alt=”Заяц” src=”http://v-skazku.ru/wp-content/uploads/2013/06/Заяц1.gif” width=”135″ height=”129″ />
теперь впереди адреса ставлю <marquee behavior=direction=”left”>, а в самом конце </marquee>

5. У меня получилось <marquee behavior=direction=”left”><img alt=”Заяц” src=”http://v-skazku.ru/wp-content/uploads/2013/06/Заяц1.gif” width=”135″ height=”129″ /></marquee>

6. Проверяю в Просмотре – мой Заяц побежал!

Заяц

А теперь о грустном.

Наш Заяц побежал, но после переключения Редактора из Текста/HTML в Визуальный Редактор, картинка опять стоит на месте…

Причина в том, что движок WordPress почему-то не любит скрипт marquee и не держит его в своём каталоге по умолчанию. Приходится по-новому прописывать код двигающейся картинки, сохранять её,  а Редактор закрывать. Менять положение Редактора надо будет на другой странице или записи. Тогда картинка двигаться будет.

Как быть?

Выход есть! Заключить наш полученный код Бегущего Зайца в Шорткодер (Shortcoder)! И тогда нам ничего не будет угрожать!

Небольшое, но главное отступление. Если вы делаете отдельную страницу не в WordPress, а, к примеру, на Dreamweaver, то ваш код не будет пропадать!

Идём знакомиться с Шорткодами, что это такое…