Полезная информация


----

Начать новую тему Ответить на тему
АвторСообщение

 Сообщение Использование JQuery Countdown Timer phpbb3 
#1 

Аватар пользователя

Всем доброго времени суток :-00): Сегодня хотелось бы поговорить о достаточно полезном плагине JQuery Countdown Timer, который реализует красивый таймер обратного отсчета до выбранной даты. К слову данный плагин (или очень схожий) используется в свежем анонсе модификации

Как я и говорил, внешний вид плагина весьма презентабелен, оцените

Настройка и подключение достаточно легки для каждого, для начала качаем архив с плагином
Вложение :
Комментарий к файлу: JQuery Countdown Timer phpbb3
countdown.zip [3.89 KiB]
Скачиваний: 120

Для удобства, единственную папку из архива помещаем в корень форума, после этого открываем шаблон overall_header.html и перед </head> вставляем
        <link rel="stylesheet" href="assets/countdown/jquery.countdown.css" />
   <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
      <script src="assets/countdown/jquery.countdown.js"></script>
      <script src="assets/js/script.js"></script>

 

Обратите внимание на данную строку
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
 

Если у вас уже подключен jquery такой же или выше версии, то убираем строку эту, если подключен jquery ниже версии - то убираем это подключение ибо будут конфликты.

В то место, где хотите видеть сам таймер нужно вставить
   <div id="countdown"></div>
<p id="note"></p>
 

Настройка даты осуществляется в скрипте assets/js/script.js, конкретно в части
ts = new Date(2012, 0, 1),
 

Первое число - год, второе - месяц, третье - число. Помните то, что счет месяцев в скрипте начинается с 0, а не с 1 как принято в календарях, тобишь если нужен отсчет до июля (который 7-ой по счету месяц) вам нужно прописывать 6-ку, а не 7-ку. Надеюсь логика ясна.

Так же из этого скрипта можно удалить эту часть
if(newYear){
            message += "left until the new year!";
         }
         else {
            message += "left to 10 days from now!";
         }
 

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

На этом впринципе и все, успехов :-ok-:


_________________
Подпись:
-_- -_-
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!

Теги темы
Использование JQuery Countdown Timer phpbb3, Речь пойдет о подключении плагина JQuery Countdown Timer (таймер обратного отсчета)
          Вернуться наверх  
 
 
Начать новую тему Ответить на тему


Дополнительные возможности

  Похожие темы  Автор  Ответов  Просмотров  Последнее сообщение 
Аватар пользователя Использование JQuery Totemticker phpbb3
Речь пойдет о использовании популярного плагина Totemticker для JQuery (настройка и подключение)

DeaDRoMeO

1

1348

Аватар пользователя

25 июл 2013, 08:43

Олег В

Аватар пользователя Countdown Disable Board phpbb3 (время до включения форума)
Countdown Disable Board - модификация для phpbb3, суть которой в добавлении счетчика обратного отсчета до включения форума

DeaDRoMeO

15

1152

Случайный аватар. Пользователю рекомендуется загрузить свой аватар в Настройках профиля

09 янв 2014, 07:49

rootmix

Аватар пользователя Совместное использование файлов разными форумами

ursego

2

323

Аватар пользователя

15 фев 2013, 10:18

DeaDRoMeO

Аватар пользователя Phpbb Countdown (таймер прямого\обратного остчета)
Phpbb Countdown - модификация для phpbb3, реализующая таймер прямого\обратного отсчета до выбранной даты с возможностью добавлять текст к отсчету.

DeaDRoMeO

16

1457

Аватар пользователя

04 дек 2014, 13:41

nevod

Аватар пользователя overall_header и jquery

Vl@d1m1r

12

786

Аватар пользователя

21 сен 2013, 00:09

brigadir

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

Поделиться темой с помощью

Ссылки на тему

Прямая ссылка:
BB-код для форумов, сайтов, блогов:
HTML ссылка:
 


cron

Самая неформальная поддержка phpBB :P