Difference between revisions of "Widget:Logo"
m (whoops, include problem and forgot to add id) |
(added load mechanism) |
||
| Line 238: | Line 238: | ||
} | } | ||
| − | var logo = document.getElementById( "logo" ); | + | function window_load() |
| − | + | { | |
| − | + | var logo = document.getElementById( "logo" ); | |
| − | + | ctx = logo.getContext("2d"); | |
| − | + | var img = document.getElementById("img"); | |
| − | + | ctx.drawImage( img, 0, offsetY ); | |
| − | + | width = logo.width; | |
| − | + | height = logo.height; | |
| − | + | dynamicImage = ctx.getImageData( 0, 0, width, height ); | |
| + | window.requestAnimationFrame( snowFall ); | ||
| + | setInterval( blink, 1500 ); | ||
| + | } | ||
| + | window.addEventListener( "load", window_load, false ); | ||
//<!--{$url|validate:url}--> | //<!--{$url|validate:url}--> | ||
Revision as of 13:43, 17 December 2015
This widget creates an animated themed ACKspace logo.
Created by xopr
Using this widget
To insert this widget, use the following code:
{{#widget:Logo
|image=https://ackspace.nl/w/images/thumb/8/83/ACKlogo.png/600px-ACKlogo.png
|width=600px
|height=200px
|padding=8px
|float=right
}}
This will give the following result:
Note that image is mandatory, the rest is optional. Also, you must provide a unit for the sizes (i.e. px, %, etc.)
Copy to your site
To use this widget on your site, just install MediaWiki Widgets extension and copy full source code of this page to your wiki as Widget:Logo article.
