[Pro] jQuery Countdown

Stage 1 - Create a Div and name it in the Inspector (the example uses ‘first_countdown’. Size it using a percentage width in an inline layout - it can have a fixed height.

2 - Add the following code in Page>Html Markup in the before section

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="path-to-plugin-file/jquery.responsive_countdown.js"></script>

Making sure that you have uploaded the jquery.responsive_countdown.js file to a location on your server.

3 - Set the script to execute by pasting the following code in Page>Html Markup in the before

<script>
 jQuery(document).ready(function($){  
  $('#first_countdown').ResponsiveCountdown();
 });  
</script>

That should get you the basic setup. There may be other files that need to be included but without buying the script I can’t be sure. There are also many options that you can add.

I do have something similar at http://www.deltadesign.co/FW6Test/countdown-timer.html - which ran out but I will restart it. Wasn’t designed to be Responsive though.

I am pretty sure that Walter provided the original idea/code?!

David


freewaytalk mailing list
email@hidden
Update your subscriptions at: