В этом видео уроке я расскажу как создать 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=" &timer=1&
&time_template=3:ss;2:mm;1:hh;0:dd&
&time_color=0x000000&
&label_color=0x000000&
&background_color=0xFFFFFF&
&flare_view=true&
&time_label=d:ДН;h:ЧАС;m:МИН;s:СЕК&
&time_zone=(GMT +03:00) Europe/Moscow&
&event_time=year:2012;month:06;day:22;hour:-02;minute:-30;seconds:0&
&event_duration=year:0;month:0;day:10;hour:0;minute:00;seconds:0&
&event_recursion=weekly&
&onpress_url=&
&event_onpress_url=&
&title=Ждать осталось:&
&event_title=ВИДЕОКУРС уже в продаже!&
&sound_file=-&
&event_sound_file=-&
&transparent=true&" 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
Цель создания этого видео урока - показать как именно его подключить, но создать страницу к которой вы будите его подключать вы должны сами!
Если вы не умеете создавать 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=" &timer=1&
&time_template=3:ss;2:mm;1:hh;0:dd&
&time_color=0x000000&
&label_color=0x000000&
&background_color=0xFFFFFF&
&flare_view=true&
&time_label=d:ДН;h:ЧАС;m:МИН;s:СЕК&
&time_zone=(GMT +03:00) Europe/Moscow&
&event_time=year:2012;month:06;day:22;hour:-02;minute:-30;seconds:0&
&event_duration=year:0;month:0;day:10;hour:0;minute:00;seconds:0&
&event_recursion=weekly&
&onpress_url=&
&event_onpress_url=&
&title=Ждать осталось:&
&event_title=ВИДЕОКУРС уже в продаже!&
&sound_file=-&
&event_sound_file=-&
&transparent=true&" 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 коммент.:
Отправить комментарий