6
6
> create self-contained »slideshow-like« SVG infographics with ease
7
7
8
8
9
- [ ![ ] ( https://codeclou.github.io//hirngespinst/img/demo.gif )] ( https://unpkg.com/hirngespinst@0.0.10 /demo/demo-showWithDelay--withAutoHide.svg )
9
+ [ ![ ] ( https://codeclou.github.io//hirngespinst/img/demo.gif )] ( https://unpkg.com/hirngespinst@0.0.11 /demo/demo-showWithDelay--withAutoHide.svg )
10
10
11
11
12
12
-----
@@ -49,7 +49,7 @@ You can easily create such above graphic with [Sketch](https://www.sketchapp.com
49
49
50
50
``` xml
51
51
<?xml version =" 1.0" encoding =" UTF-8" standalone =" no" ?>
52
- <?xml-stylesheet href =" https://unpkg.com/hirngespinst@0.0.10 /dist/showWithDelay.min.css" type =" text/css" ?>
52
+ <?xml-stylesheet href =" https://unpkg.com/hirngespinst@0.0.11 /dist/showWithDelay.min.css" type =" text/css" ?>
53
53
<svg width =" 751px" height =" 529px" viewBox =" 0 0 751 529" version =" 1.1"
54
54
xmlns =" http://www.w3.org/2000/svg"
55
55
xmlns : xlink =" http://www.w3.org/1999/xlink" >
@@ -59,8 +59,8 @@ You can easily create such above graphic with [Sketch](https://www.sketchapp.com
59
59
...
60
60
</g >
61
61
<script type =" text/javascript"
62
- xlink : href =" https://unpkg.com/hirngespinst@0.0.10 /dist/showWithDelay.min.js"
63
- href =" https://unpkg.com/hirngespinst@0.0.10 /dist/showWithDelay.min.js"
62
+ xlink : href =" https://unpkg.com/hirngespinst@0.0.11 /dist/showWithDelay.min.js"
63
+ href =" https://unpkg.com/hirngespinst@0.0.11 /dist/showWithDelay.min.js"
64
64
/>
65
65
<script type =" text/javascript" >
66
66
Hirngespinst.showWithDelay();
@@ -81,7 +81,7 @@ You can easily create such above graphic with [Sketch](https://www.sketchapp.com
81
81
82
82
** Demo**
83
83
84
- See a working [ demo here] ( https://unpkg.com/hirngespinst@0.0.10 /demo/demo-showWithDelay.svg )
84
+ See a working [ demo here] ( https://unpkg.com/hirngespinst@0.0.11 /demo/demo-showWithDelay.svg )
85
85
86
86
  ;
87
87
@@ -91,8 +91,7 @@ You can customize the options like so
91
91
92
92
``` js
93
93
Hirngespinst .showWithDelay ({
94
- frameAnimationDelayInSeconds: 1 , // Delay until next frame is shown in seconds
95
- frameAnimationDurationInSeconds: 4 , // Duration for fade in of frame in seconds
94
+ frameAnimationDurationInSeconds: 4 , // Duration how long a frame is shown
96
95
framePauseBetweenFramesInSeconds: 2 , // Pause between frames in seconds
97
96
frameAutoHide: true // will hide the frame after it was shown for a certain time
98
97
});
0 commit comments