Захотелось вот мне как-то "оживить" сайт и решил сделать вывод новых фотографий в виде бегущей строки, но чаще всего, когда нам нужно было сделать бегущую строку на сайте, мы пользовались тегом MARQUEE. Однако, он не является валидным, поэтому не проходит проверку соответствия стандартам.
Положительным моментом моего примера является то, что можно настроить скорость бегущей строки, ее направление и остановку или ее отсутствие при наведении курсора.
Шаг 1.
Подключил jquery и плагин jscroller в template.php своего шаблона между тегами <head>:
Значение left в данном случае показывает направление движения бегущей строки налево. Вместо него можно также прописать right, up, down, что соответственно будет являтся направлениями направо, вверх и вниз.
Скорость здесь равна 10. Это значение можно изменить по вашему желанию.
Убрав параметр true мы удалим свойство остановки бегущей строки при наведении курсора.
Шаг 2.
В css-файл шаблона добавил свойства блока с бегущей строкой:
Шаг 3.
Для вывода новых фото применил module-simple.tpl в котором прописал следующий код:
Ну и в админке в настройках модуля Новые фото подключил module-simple.tpl
Новые фотографии в валидной бегущей строке готовы!
Естественно все это можно использовать для вывода любых модулей.
Удачной реализации на Ваших сайтах!
Ну вроде все понятненько написал-описал.
Необходимые файлы Здесь
Положительным моментом моего примера является то, что можно настроить скорость бегущей строки, ее направление и остановку или ее отсутствие при наведении курсора.
Шаг 1.
Подключил jquery и плагин jscroller в template.php своего шаблона между тегами <head>:
Скорость здесь равна 10. Это значение можно изменить по вашему желанию.
Убрав параметр true мы удалим свойство остановки бегущей строки при наведении курсора.
Шаг 2.
В css-файл шаблона добавил свойства блока с бегущей строкой:
Для вывода новых фото применил module-simple.tpl в котором прописал следующий код:
Новые фотографии в валидной бегущей строке готовы!
Естественно все это можно использовать для вывода любых модулей.
Удачной реализации на Ваших сайтах!
Ну вроде все понятненько написал-описал.
Необходимые файлы Здесь
+
Да там и ничего особенного, просто картинки движутся как обычная бегущая строка) но эффект есть)
...в самом верху на главной, точка какая то бегает и фото с дублировались.
вот это лишнее, имхо