Header Counter

Hi I would like to use the header as a simple money counter instead of a date countdown:

Total amount of money raised for our clients
£750,000

Can you please edit this so that the counter will stop at £1,000,000

So I am assuming this something that can be edited in the following code?

<div
class="gk-jscounter gk-scale-up"
data-dateend="2-6-2013"
data-timeend="19:42"
data-timezone="+2"
data-start="{opacity:0}"
data-end="{opacity:1}"
data-delay="900"
data-time="500"
>
Counting finished!
</div>

Thanks for your help in advance.

You would like there a normal counter, not connected to any data providen?
When should it reach 1.000.000?

Correct - I just want a Normal counter which would count up every second. An example would be:

"For our clients we have raised

£750,000"

And every second it would go up by £1.

So basically I just need the counter to count up

Its not that easy, because if You setup it to count from 750.000 up everytime user refreashes page, counter starts again from 750000.
Better solution would be to setup a time when counter should reach 1.000.000, and then calculate number basing on time difference between now and counter end limit.
Is that a way that satisfies You?

Hi Thanks for your reply.

That sound's great - how would I do this?

Is there some code you can give me to try?

Thanks,

Last question - is it J2.x or J3.x?

That's okay - it is J2.5

Ok, sadly replacing time counter with theoretically simpler version needs a lot of custom coding to do.

The place to start is /templates/gk_fest/js/gk.script.js where all javascript counter code resides.
You should also edit a module with name "header" that is posted under "header" position, edit its html and replace:

Code: Select all

<div class="gk-jscounter gk-scale-up" data-dateend="21-06-2013" data-timeend="19:42" data-timezone="+2" data-start="{opacity:0}" data-end="{opacity:1}" data-delay="900" data-time="500">Counting finished!</div>


with end date as I mentioned before, and which end date is used by javascript to count the difference.