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

 

Первым этапом будет внедрение mootools, вставляем следующий код между тегами <head></head>:

Далее идут стили оформления CSS. Стили можно вставить как в сам документ, так и вынести в отдельный файл.

И на последок HTML, так как надо оформить нашу страничку, в начале будет идти название вкладки, а затем само содержание контента, не путаем эту последовательность:

Так же в выше указанном коде HTML можно заметить путь к картинкам, они обозначают направление ротатора, изменяем их, в случаи необходимости на свое усмотрение.

На главную

 

Читайте также: