Бегущая строка SlyLine

  • SlyLine на jQuery
  • SlyLine использует плагин Qtip
  • Настройка SlyLine
  • Скорость - карусели!
  • Бесплатность!
  • Поддержка большинством браузеров!
  • Подгрузка новостей из базы sql!
  • Автоматическая смена новостей!
  • Остановка при наведении курсора!
  • Бесконечность прокрутки!

jQuery.

В основе SlyLine лежит популярный фреймовик jQuery, SlyLine использует наиболее востребованные и быстрые методы jQuery и является аналогом плагина бугущей строки с официальной страницы twitter.com.

Настройка

TwitterLine использует всплываюище подсказки Qtip, цвет которых и другие настройки, согласно офицаильной документации Qtip легко настраиваются в TwitterLine.

Вы можете устанавливать скорость смены лент новостей!

Слайдер использует наиболее облегченные методы jQuery.

Полностью бесплатно!

Во всех случаях пользоваться слайдером можно бесплатно!

Браузеры.

SlyLine поддерживается большинством браузеров - Internet Explorer 6 - 9, FireFox 3-4, Opera 8-10, Chrome.
Все данные подгружаются в формате json ограниченными партиями, запрос осуществляется не на каждую новость, а на набор из 20 новостей!

Новости аккуратно подгружаются из базы данных!

При окончании новостей из базы данных, начинается новый цикл показа новстей с первой строки таблицы sql.

Установка SlyLine?

Во-первых скачайте архив

Во-вторых, подключите шаблон - контейнер SlyLine

В-третьих, настройте config.php

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

В-четвёртых установите базу данных sql

В архиве для скачивания содержится пробный экземпляр таблицы sql, как и чем её заполянть - решать Вам, архив не содержит каких-либо скриптов для заполнения данной таблицы.

В-пятых, подключите внешние библиотеки

Для правильной работы плаигна требуются следующие библиотеки:

В-шестых, подключите и настройте плагин SlyLine

Подключается плагин общим способом, как и большинство плагинов jQuery:

Настройки SlyLine

urlAjaxстраница запроса
qtipWidth:ширина угла подсказки
qtipRadius:радиус угла подсказки
qtipColor:цвет подсказки
qtipTextColor:цвет текста подсказки

Лицензия

Продукт распространяется на условиях лицензии creativecommons.org

Загрузка файлов

На разработку сайта! Скидки до 20%!