1nuage2mots
Advanced tools
Comparing version 0.0.1 to 0.0.2
@@ -19,3 +19,3 @@ var _1nuage2mots = (function () { | ||
} | ||
function init$1(){ | ||
function init(){ | ||
if(typeof window !== "undefined"){ | ||
@@ -27,3 +27,3 @@ window.sleep = sleep$1; | ||
} | ||
init$1(); | ||
init(); | ||
@@ -197,10 +197,10 @@ function ssgWordCloud(wordCloud){ | ||
function init(){ | ||
init$1(); | ||
function _1nuage2mots(){ | ||
init(); | ||
document.querySelectorAll('._1nuage2mots').forEach(ssgWordCloud); | ||
} | ||
docReady(init); | ||
docReady(_1nuage2mots); | ||
return init; | ||
return _1nuage2mots; | ||
})(); |
{ | ||
"name": "1nuage2mots", | ||
"version": "0.0.1", | ||
"version": "0.0.2", | ||
"description": "a modern SEO friendly tag or word cloud", | ||
@@ -5,0 +5,0 @@ "keywords": ["word cloud","word","cloud","tag","animated","SEO"], |
@@ -24,4 +24,6 @@ # 1nuage2mots | ||
``` | ||
alternative : | ||
- for css in stylus : `@import "1nuage2mots/*"` | ||
- for js : `import _1nuage2mots from "/node_modules/1nuage2mots/1nuage2mots.mjs";` | ||
## Options : | ||
@@ -31,13 +33,12 @@ You can use xml attribute on `<div class="_1nuage2mots">` to customize 1nuage2mots behavior. | ||
- **tag-size-min** : default 15 (px) | ||
- **sizeMax** : parseInt(wordCloud.getAttribute('tag-size-max')) || 45, //px | ||
- **sizePow** : parseFloat(wordCloud.getAttribute('tag-size-pow')) || "auto", // adv: size curve between the biggest and the smallest tag | ||
- **opacityMin** : parseFloat(wordCloud.getAttribute('tag-opacity-min')) || 1, // the opacity for tag-value="0" | ||
- **opacityMax** : parseFloat(wordCloud.getAttribute('tag-opacity-max')) || 1, // the opacity for the bigest tag-value | ||
- **opacityPow** : parseFloat(wordCloud.getAttribute('tag-opacity-pow')) || "auto", // adv: opacity curve between the most and the less visible tag | ||
- **chaos** : parseInt(wordCloud.getAttribute('tag-chaos')) || 5, // adv: max chaos pass to avoid similar consecutive tags | ||
- **show** : wordCloud.getAttribute('tag-show') || "1by1", // show tag : instant, 1by1, by value group | ||
- **showStart** : wordCloud.getAttribute('tag-show-start') || "first time on screen", // when start the shwo animtion (first/every) time (page load/in screen or view) | ||
- **showInterval** : parseFloat(wordCloud.getAttribute('tag-show-interval')) || 1, // adv: time in second between 2 show step | ||
// each word will flash every x secondes periodicaly to get attention. | ||
- **flash** : wordCloud.getAttribute('tag-flash') || "no", // flash mode : none, glow, zoom/scale/bounce | ||
- **flashInterval** : parseFloat(wordCloud.getAttribute('tag-flash-interval')) || 3, // adv: time in second | ||
- **tag-size-max** : default 45 (px) | ||
- **tag-size-pow** : default "auto". Advanced parameter to customize the pow function to compute the size curve between the biggest and the smallest tag. | ||
- **tag-opacity-min** : default 1. The opacity for tag-value="0" (0 = 0%, 1 = 100%) | ||
- **tag-opacity-max** : default 1. The opacity for the bigest tag-value (0 = 0%, 1 = 100%) | ||
- **tag-opacity-pow** : default "auto". Power function (like tag-size-pow) for opacity curve between the most and the less visible tag | ||
- **tag-chaos** : default 5. Advanced parameter to avoid similar consecutive tags. Increasing it may slow down (it's the max chaos render step) | ||
- **tag-show** : default "1by1". How will the word cloud show : instant, 1by1, by value group | ||
- **tag-show-start** : default "first time on screen". When the show animation start : (first/every) time (the page load/in screen or in view) | ||
- **tag-show-interval** : default 1 (second). Time between 2 show step. | ||
- **tag-flash** : default "no". If activated, each word will flash every x secondes periodically to get attention. Flash mode : none, glow, zoom/scale/bounce | ||
- **tag-flash-interval** : default 3 (second). Time between 2 flash. You can use decimal (ex 0.5). Each flash last 2 second. Use CSS to overwrite duration. |
Sorry, the diff of this file is not supported yet
26531
6
557
43