Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript jQuery Knob – How to animate?

  • This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #45129
    Dockers
    Member

    Hey there everybody,

    I’ve got a small problem which i have no idea how to solve. I have no idea how to get my knob to load up to the set percentage on a page load/refresh (hopefully you’ve seen something similar so that you get the idea).

    I am using Anthony Terrien’s jQuery Knobs – http://anthonyterrien.com/knob/ (see the static ~ read only example).

    I’ve created a quick Pen with my current settings (http://cdpn.io/Awxba) – hopefully that helps in any way..

    #137502
    __
    Participant

    [Seems to work fine](http://codepen.io/seraphzz/pen/igCJG) when you remember to include jQuery and the Knob extension.

    Is there some other problem you’re encountering?

    #137505
    Dockers
    Member

    Well, apparently i didn’t explain it well. Yep, that’s exactly the result i have achieved so far. I just want to animate it so that when the page where this knob is located is loaded or refreshed, it gets animated (from 0 to the set value (in our case 75)). As you can see it’s just static at the moment, so i was wondering how do i achieve the desired effect.

    Thanks

    #137515
    __
    Participant

    So, you want it to animate from “0” to its set value on load?

    hmm… tried a few functions, but nothing working yet… I’ll keep trying and let you know if I get it to work.

    #137553
    Dockers
    Member

    Yeah, that’s exactly what i’d like to achieve.

    Please let me know if you find a solution for it

    Thanks.

    #137610
    Dockers
    Member

    Hey there everyone, i have found a solution for this, so in case anyone is looking for the very same effect, here you go: http://jsfiddle.net/cvQED/4/

    And one more way of doing it: https://github.com/mtibben/jquery.donutchart

    #137666
    __
    Participant

    > i have found a solution for this, so in case anyone is looking for the very same effect, here you go: http://jsfiddle.net/cvQED/4/

    ha! I was trying to figure how to get it wrapped up with the `knob` call. cool!

Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.