5 апреля 2012 г.

Как создать flash таймер обратного отсчета?

В этом видео уроке я расскажу как создать flash таймер обратного отсчета .
Цель создания этого видео урока - показать как именно его подключить,  но создать страницу к которой вы будите его подключать вы должны сами!
Если вы не умеете создавать html страницы то напишите в комментариях  - я запишу видео.
После просмотра видео нажмите кнопку "Читать далее", чтобы посмотреть ссылки и коды к этому видеоуроку!


Код для подключения библиотеки jQuery (поместите перед тегом </HEAD>):
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 



Код для подключения Flash таймера. (поместите где то между тегами <BODY></BODY>):
<div class="timer" align="center">
<object width="600" height="250" data="./index_files/timer.swf" type="application/x-shockwave-flash">
<param value="./index_files_/timer.swf" name="movie">
<param value="." name="base">
<param value="  &amp;timer=1&amp;
 &amp;time_template=3:ss;2:mm;1:hh;0:dd&amp;
 &amp;time_color=0x000000&amp;
 &amp;label_color=0x000000&amp;
 &amp;background_color=0xFFFFFF&amp;
 &amp;flare_view=true&amp;
 &amp;time_label=d:ДН;h:ЧАС;m:МИН;s:СЕК&amp;
 &amp;time_zone=(GMT +03:00) Europe/Moscow&amp;
 
 &amp;event_time=year:2012;month:06;day:22;hour:-02;minute:-30;seconds:0&amp;
  
 &amp;event_duration=year:0;month:0;day:10;hour:0;minute:00;seconds:0&amp;
 &amp;event_recursion=weekly&amp;
 
 &amp;onpress_url=&amp;
 &amp;event_onpress_url=&amp;
 
 &amp;title=Ждать осталось:&amp;  
 &amp;event_title=ВИДЕОКУРС уже в продаже!&amp;
 
 
 &amp;sound_file=-&amp;
 &amp;event_sound_file=-&amp;
 &amp;transparent=true&amp;" name="flashvars">
<param value="high" name="quality">
<param value="transparent" name="wmode">
<param value="noscale" name="scale">
<param value="lt" name="salign">
</object>
</div>
Код подключения плагина JQuery "Таймер обратного отсчета"(поместите где то между тегами <BODY></BODY>):

<DIV id="countdown-example"></DIV>
<script src="http://firstproject12.googlecode.com/files/jquery.countdown.js"></script>
<SCRIPT type="text/javascript">
$(document).ready(
function () 
{
$("#countdown-example").countdown(
new Date(
2012, /*год*/
06,   /*месяц (на 1 меньше)*/
27,     /*день +5 к счетчику на флеше*/
-02,     /*часы (ставить на час больше)*/
30,    /*минуты*/
00   /*секунды*/
), 

prefix:'', 
finish: '<h1><center><a href="http://1cprogrammistu.ru/master/order/" target="_blank">Заказать прямо сейчас!</a></center></h1>',
postfix: '<br><br>Ссылка на страницу заказа будет доступна по окончании отсчета этого таймера. Не пропусти!</b>'
}
);
}
);
</SCRIPT>
</center>

Файл Flash таймера, который надо закачать на сервер: скачать flash timer

0 коммент.:

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

Статистика блога