Ротатор своими руками в течение нескольких минут
Опубликовал Евгений от ноября 2, 2012
Современный Интернет постоянно радует нас появлением различных он-лайн сервисов, призванных заменить большинство необходимых программ (переводчики, конвертеры, различные редакторы и многое другое). Это позволяет экономить не только ресурсы компьютера, так как он-лайн помощники не требуют установки программ, но и значительную часть материальных средств – не секрет, что большинство программ распространяются в сети на платной основе.
Кроме того, многие сервисы позволяют самостоятельно делать то, что без специальных знаний, в частности программирования многим новичкам не под силу. Не так давно я писал о сервисах, с помощью которых можно быстро сделать качественный баннер или анимированную картинку, любому новичку. Сегодня я хочу поведать Вам коллеги, начинающие блоггеры и инфо — бизнесмены об очередной моей находке, позволяющей за считанные минуты сделать скрипт ротатора баннеров или картинок для своего сайта.
Я давно уже хотел заменить слегка надоевший мне дизайн страницы «Мои услуги» другим, более функциональным, однако руки как-то не доходили. Страница содержит шесть дочерних, которые при открытии хотелось бы видеть перед глазами и при необходимости иметь к ним доступ. Причем в момент пребывания на каждой из этих страниц, хотелось бы иметь доступ ко всем остальным. Я не большой специалист в веб-дизайне, тем не менее, все изменения в облике блога привык делать собственными руками. В результате некоторых размышлений было принято решение сделать ротацию страниц.
На минувшей неделе, пребывая в непродолжительном отпуске, решил все же осуществить намеченное. Заготовил необходимое количество графического материала, отредактировал скрипт, неплохо зарекомендовавший себя работой в сайдбарах, но к моему удивлению в положенном для него месте он работать не стал, вернее он заработал, но не достаточно корректно, что меня, конечно же, не устроило. Многочасовые безрезультатные поиски ни к чему не привели, все что ни пробовал, не работало, в чем заключалась причина однозначно сказать не могу, может качество самих кодов, а может быть мой дилетантизм.
Неожиданно я наткнулся на сервис HTMLBASIX где нашел отличный генератор ротаторов баннеров. Кстати работу самого ротатора можно посмотреть на страничке «Мои услуги» и ее дочерних страницах. С помощью вышеупомянутого сервиса такой ротатор делается в течение нескольких минут, правда, если у Вас заранее подготовлена вся графика. Как это сделать покажу на собственном примере.
Перейдя по ссылке выше, Вы попадаете на страницу генератора, страничка англоязычная, но в принципе там все понятно.
Опускаясь по странице, Вы попадаете на поле
Теперь можете приступать к изготовлению ротатора.
Для начала выбираете, по какому алгоритму будут изменяться баннеры: автоматически или при обновлении страницы. В моем случае выбираю автоматическую смену, а время показа выставляю равным 5 сек, мне этого достаточно.
Далее выбираете окно, где будет открываться страница при клике по баннеру. Мне нужно, чтобы это происходило в том же окне.
Следующим шагом задаете размеры баннера и номер баннера
Теперь Вам необходимо заполнить строки с информацией о баннерах: адрес открываемой страницы, путь к картинке баннера (как я уже говорил, они должны быть заготовлены заранее и залиты на сервер) и название, открывающееся при наведении на баннер. В моем случае я заполнил 6 полей (максимально до 10)
и жмете на кнопку «Generate».
Система сгенерирует код и выдаст его в новом окне, что очень удобно, в случае если Вас что-то не устраивает, можно вернуться в предыдущее окно для исправления и снова нажав «Generate», получить измененный код.
Выделяйте код («Select All»), копируйте и устанавливайте в нужное место на сайте.
С помощью этого сервиса можно делать простой ротатор изображений, для этого строки «url for link» оставляйте пустыми.
В заключение немного музыки:
Всех благ Вам и удачи, Евгений Беляков.
Подписывайтесь на мою рассылку – Реальные деньги в виртуальном мире.
Вступайте в мои группы на SubScribe.ru:
«Интернет для всех: пенсионеры в глобальной сети – объединяйтесь!» и
Популярность: 20%
Отпуск прошёл не зря. Очень полезный функционал. И облегчает большую работу. Спасибо за такую статью.
[Ответить]
admin Reply:
ноября 4, 2012 at 8:23
Спасибо Александр. Свой блог — это почва для постоянного поиска, а подобные сервисы его существенно облегчают.
[Ответить]
Классная штука и быстро создается. Очень функционально.
[Ответить]
Мне тоже понравился ротатор. Обязательно у себя применю. Большое спасибо Александру.
[Ответить]
Спасибо за такую нужную информацию, у меня пока ротаторы только партнерские работают, а теперь я сделаю свой
[Ответить]
Спасибо за полезный ресурс, Александр!
Но у меня при просмотре вашего блога возник другой вопрос — скажите все эти баннеры, что у вас стоят, приносят хоть какой-то доход?
[Ответить]
admin Reply:
января 18, 2013 at 16:37
Если Вы заметили все баннеры, кроме Google Adsense, касаются той или иной партнерской программы. Они и реклама на Google потихоньку дают доход
[Ответить]
Спасибо за полезную информацию! Планировал создать ротатор, но не знал как его сделать. Теперь эта проблема решена.
[Ответить]
да, у меня была мысля самому ротатор слепить, да тоже всякие дела отвлекали, а с этим сервисом побыстрее пожалуй получится
[Ответить]
Инструкция о том, как сделать ротатор баннеров своими руками, используя библиотеку jQuery. В которой уже содержатся необходимые средства анимации, а код самого ротатора будет умещаться в несколько строк. При этом каждый баннер будет иметь свою ссылку.
[Ответить]