Also ich habe von Wordpress nicht wirklich Ahnung, aber wenn Jquery eingebunden ist, wird das schon stimmen.
Ich habe auch schon meinen Beitrag oben editiert.
Aber deswegen meinte ich, lese dir bitte die Beschreibung durch. Dort ist eine Schritt für Schritt-Anleitung, wie man den Code implementiert.
Ich kopier dir das hier mal rein:
[SIZE=5]1. Include Jquery:[/SIZE]
[HTML][/HTML]
[SIZE=5]2. Include plugin’s code:[/SIZE]
[HTML][/HTML]
INFO: Das bedeutet aber auch, dass du den Kram von Github herunterladen musst und sie dann implementieren musst.
[SIZE=5]
3. Include the plugin container in your HTML:[/SIZE]
[HTML]
[/HTML]
[SIZE=5]4. Call the Plugin:[/SIZE]
[HTML]$(„#countdown“).countdown360({
radius : 60.5,
seconds : 5,
strokeWidth : 15,
fillStyle : ‚#0276FD‘,
strokeStyle : ‚#003F87‘,
fontSize : 50,
fontColor : ‚#FFFFFF‘,
autostart: false,
onComplete : function () { console.log(‚completed‘) }
}).start()[/HTML]
[SIZE=7]DEFAULT OPTIONS:[/SIZE]
{
radius: 15.5, // radius of arc
strokeStyle: "#477050", // the color of the stroke
strokeWidth: undefined, // the stroke width, dynamically calulated if omitted in options
fillStyle: "#8ac575", // the fill color
fontColor: "#477050", // the font color
fontFamily: "sans-serif", // the font family
fontSize: undefined, // the font size, dynamically calulated if omitted in options
fontWeight: 700, // the font weight
autostart: true, // start the countdown automatically
seconds: 10, // the number of seconds to count down
label: ["second", "seconds"], // the label to use or false if none, first is singular form, second is plural
startOverAfterAdding: true, // Start the timer over after time is added with addSeconds
smooth: false, // update the ticks every 16ms when true
onComplete: function () {}
}
So und wie du deinen Code verändern musst, habe ich im obigen Beitrag beigefügt.
WICHTIG:
Bedenke, dass du die JQuery-Codes UNTEN am body-tag implementieren musst:
[HTML]
…
…
…
[/HTML]
Außer, wenn du JQuery implementierst, der kann auch in den Head-Bereich:
[HTML]
Ich hab mal einen Screenshot angehängt, der es glaube ich ganz gut visualisieren kann. (Die dort sichtbare Zahl in der Mitte ist vermutlich nur schwierig realisierbar, richtig? Deshalb ist das nicht so wichtig)
