Вітаю вас, шановні колеги!
Сьогодні треба було зробити на сайті ротатор зображень 3D-коробок моїх курсів і книг, щоб вони поступово змінювали один одного, а, при натисканні на те чи інше зображення, вели на певну сторінку. Хочу поділитися з Вами як це здійснити за допомогою найпростішого скрипта.
Як просто зробити ротатор зображень або банерів?
1. По-перше, визначимося з тим, де буде розташовуватися наш ротатор і, в залежності від цього, зрозуміємо, якого розміру нам потрібні зображення. Я, наприклад, розташувала його в сайдбарі, туди поміщаються картинки не більше 250px в ширину.
У цей файл додамо ось такий код (я додала в самий кінець, щоб не навантажувати верхню частину зайвими скриптами):
5. Далі покажу на зображенні що поміняти в цьому коді на своє:
6. Далі йдемо Зовнішній вигляд - Віджети. беремо віджет Текст. перетягуємо його в праву колонку на те місце, де буде знаходитися ротатор. Пишемо заголовок, а в порожнє поле вставляємо ось такий код:
І, для того, щоб наш скрипт включився, додамо туди ж, в віджет ще один код:
7. Дивимося на результат - все повинно працювати. Якщо немає - повторіть все спочатку, може десь помилилися.
Тепер в будь-яке місце досить поставити ось цю частину коду:
щоб побачити свій ротатор (прибрала, так як два одночасно не працюють - в сайдбарі відключається) == >>
У коді є цифри, змінюючи які можна регулювати частоту зміни картинок або банерів:
Я поставила 4000, щоб не було занадто частого миготіння
До речі, не тільки хом'ячки крутяться в колесах. В Індії така напружена ситуація з електрикою, що там наймають людську силу, щоб крутити колесо огляду:
Бажаю Вам такого життя, щоб не крутитися ні як білка, ні як хом'як, ні як ці індійці в колесі!