Ротатор своими руками в течение нескольких минут

Опубликовал Евгений от ноября 2, 2012





Современный Интернет постоянно радует нас появлением различных он-лайн сервисов, призванных заменить большинство необходимых программ (переводчики, конвертеры, различные редакторы и многое другое). Это позволяет экономить не только ресурсы компьютера, так как он-лайн помощники не требуют установки программ, но и значительную часть материальных средств – не секрет, что большинство программ распространяются в сети на платной основе.

Кроме того, многие сервисы позволяют самостоятельно делать то, что без специальных знаний, в частности программирования многим новичкам не под силу. Не так давно я писал о сервисах, с помощью которых можно быстро сделать качественный баннер или анимированную картинку, любому новичку. Сегодня я хочу поведать Вам коллеги, начинающие блоггеры и инфо — бизнесмены об очередной моей находке, позволяющей за считанные минуты сделать скрипт ротатора баннеров или картинок для своего сайта.

Я давно уже хотел заменить слегка надоевший мне дизайн страницы «Мои услуги» другим, более функциональным, однако руки как-то не доходили. Страница содержит шесть дочерних, которые при открытии хотелось бы видеть перед глазами и при необходимости иметь к ним доступ. Причем в момент пребывания на каждой из этих страниц, хотелось бы иметь доступ ко всем остальным. Я не большой специалист в веб-дизайне, тем не менее, все изменения в облике блога привык делать собственными руками. В результате некоторых размышлений было принято решение сделать ротацию страниц.

На минувшей неделе, пребывая в непродолжительном отпуске, решил все же осуществить намеченное. Заготовил необходимое количество графического материала, отредактировал скрипт, неплохо зарекомендовавший себя работой в сайдбарах, но к моему удивлению в положенном для него месте он работать не стал, вернее он заработал, но не достаточно корректно, что меня, конечно же, не устроило. Многочасовые безрезультатные поиски ни к чему не привели, все что ни пробовал, не работало, в чем заключалась причина однозначно сказать не могу, может качество самих кодов, а может быть мой дилетантизм.

Неожиданно я наткнулся на сервис HTMLBASIX где нашел отличный генератор ротаторов баннеров. Кстати работу самого ротатора можно посмотреть на страничке «Мои услуги» и ее дочерних страницах. С помощью вышеупомянутого сервиса такой ротатор делается в течение нескольких минут, правда, если у Вас заранее подготовлена вся графика. Как это сделать покажу на собственном примере.

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

Опускаясь по странице, Вы попадаете на поле

Теперь можете приступать к изготовлению ротатора.

Для начала выбираете, по какому алгоритму будут изменяться баннеры: автоматически или при обновлении страницы. В моем случае выбираю автоматическую смену, а время показа выставляю равным 5 сек, мне этого достаточно.

Далее выбираете окно, где будет открываться страница при клике по баннеру. Мне нужно, чтобы это происходило в том же окне.

Следующим шагом задаете размеры баннера и номер баннера

Теперь Вам необходимо заполнить строки с информацией о баннерах: адрес открываемой страницы, путь к картинке баннера (как я уже говорил, они должны быть заготовлены заранее и залиты на сервер) и название, открывающееся при наведении на баннер. В моем случае я заполнил 6 полей (максимально до 10)

и жмете на кнопку «Generate».

Система сгенерирует код и выдаст его в новом окне, что очень удобно, в случае если Вас что-то не устраивает, можно вернуться в предыдущее окно для исправления и снова нажав «Generate», получить измененный код.

Выделяйте код («Select All»), копируйте и устанавливайте в нужное место на сайте.

С помощью этого сервиса можно делать простой ротатор изображений, для этого строки «url for link» оставляйте пустыми.

TEXT.RU - 100.00%

В заключение немного музыки:

Всех благ Вам и удачи, Евгений Беляков.

Подписывайтесь на мою рассылку – Реальные деньги в виртуальном мире.

Вступайте в мои группы на SubScribe.ru:

«Интернет для всех: пенсионеры в глобальной сети – объединяйтесь!» и

«За здоровый Интернет».

Популярность: 20%

Если Вам понравилась эта статья, подпишитесь на новые через RSS. Моя RSS!

На эту тему я писал раньше:


bd6d6a3d


Об авторе

Евгений




Комментарии

10 комментариев to “Ротатор своими руками в течение нескольких минут”


  1. Отпуск прошёл не зря. Очень полезный функционал. И облегчает большую работу. Спасибо за такую статью.

    [Ответить]

    admin Reply:

    Спасибо Александр. Свой блог — это почва для постоянного поиска, а подобные сервисы его существенно облегчают.

    [Ответить]


  2. Классная штука и быстро создается. Очень функционально.

    [Ответить]


  3. Мне тоже понравился ротатор. Обязательно у себя применю. Большое спасибо Александру.

    [Ответить]


  4. Спасибо за такую нужную информацию, у меня пока ротаторы только партнерские работают, а теперь я сделаю свой :)

    [Ответить]


  5. Спасибо за полезный ресурс, Александр!

    Но у меня при просмотре вашего блога возник другой вопрос — скажите все эти баннеры, что у вас стоят, приносят хоть какой-то доход?

    [Ответить]

    admin Reply:

    Если Вы заметили все баннеры, кроме Google Adsense, касаются той или иной партнерской программы. Они и реклама на Google потихоньку дают доход

    [Ответить]


  6. Спасибо за полезную информацию! Планировал создать ротатор, но не знал как его сделать. Теперь эта проблема решена.

    [Ответить]


  7. да, у меня была мысля самому ротатор слепить, да тоже всякие дела отвлекали, а с этим сервисом побыстрее пожалуй получится

    [Ответить]


  8. Инструкция о том, как сделать ротатор баннеров своими руками, используя библиотеку jQuery. В которой уже содержатся необходимые средства анимации, а код самого ротатора будет умещаться в несколько строк. При этом каждый баннер будет иметь свою ссылку.

    [Ответить]

Оставьте комментарий

«Реальные деньги в виртуальном мире»
Подпишитесь на рассылку
Введите Ваше Имя и Ваш E-mail:

Ваш E-Mail в безопасности