MediaWiki:Skin/Kamel:WiMu/Musik.js - Versionsgeschichte

Nachteule: Textersetzung - „"http://kamelopedia.mormo.org/images/“ durch „"../images/“

2013-11-23T18:58:01Z

Textersetzung - „"http://kamelopedia.mormo.org/images/“ durch „"../images/“

WiMu: /* using CodeEditor */ Notitz an mich

2011-09-06T14:03:03Z

using [[MediaWiki:Gadget-CodeEditor.js|CodeEditor]]: Notitz an mich

← Nächstältere Version		Version vom 6. September 2011, 15:03 Uhr
Zeile 47:		Zeile 47:

	function resetimage(anim_bild) {		function resetimage(anim_bild) {
			// WiMu, du Honk! Da darfst du nicht das Container-Div (bzw. dessen Größe) nehmen,
			// sondern den browser-viewport! Das ist sonst ressourcen-Verschwendung, wenn de was animierst,
			// was u.U. gar nicht zu sehen ist (weil außerhalb des sichtbaren Bereichs).
			// Mussu mal machen ... demnächst ... irgendwann ... wenn du das mit der [[Prokrastination]]
			// in den Griff gekriegt hast ...
	var left = ( ( $('div.wimu').outerWidth() + anim_bilder[i].width ) * Math.random() ) - anim_bilder[i].width;		var left = ( ( $('div.wimu').outerWidth() + anim_bilder[i].width ) * Math.random() ) - anim_bilder[i].width;
	anim_bild.css('left', left + 'px');		anim_bild.css('left', left + 'px');

WiMu: /* using CodeEditor */

2011-08-25T18:16:43Z

using [[MediaWiki:Gadget-CodeEditor.js|CodeEditor]]

← Nächstältere Version		Version vom 25. August 2011, 19:16 Uhr
Zeile 1:		Zeile 1:
	~~#WEITERLEITUNG~~ [~~[MediaWiki~~:~~Skin~~/~~Kamel~~:~~WiMu~~/~~Musik~~.css]]		var anz_bilder = 20;
			var anim_bilder = new Array();
			var bild_info = [
			{ "src": "http://kamelopedia.mormo.org/images/0/08/Herzschlag.gif", "width": 120, "height": 80 },
			/* ich wüsste gerade nicht, wie ich das sonst gewichten sollte */
			{ "src": "http://kamelopedia.mormo.org/images/0/08/Herzschlag.gif", "width": 120, "height": 80 },
			{ "src": "http://kamelopedia.mormo.org/images/0/08/Herzschlag.gif", "width": 120, "height": 80 },
			{ "src": "http://kamelopedia.mormo.org/images/0/08/Herzschlag.gif", "width": 120, "height": 80 },
			{ "src": "http://kamelopedia.mormo.org/images/0/08/Herzschlag.gif", "width": 120, "height": 80 },
			{ "src": "http://kamelopedia.mormo.org/images/0/08/Herzschlag.gif", "width": 120, "height": 80 },
			{ "src": "http://kamelopedia.mormo.org/images/0/08/Herzschlag.gif", "width": 120, "height": 80 },
			{ "src": "http://kamelopedia.mormo.org/images/3/39/Blume.gif", "width": 48, "height": 48 },
			{ "src": "http://kamelopedia.mormo.org/images/3/39/Blume.gif", "width": 48, "height": 48 },
			{ "src": "http://kamelopedia.mormo.org/images/e/e3/Animalibr%C3%AD.gif", "width": 100, "height": 96 },
			{ "src": "http://kamelopedia.mormo.org/images/6/6c/BunchieViola.gif", "width": 53, "height": 66 },
			]

			for ( var i = 0; i < anz_bilder; i++ ){
			var size = Math.random() * 2;
			var src = Math.floor(Math.random() * bild_info.length);
			anim_bilder[i] = new Image;
			anim_bilder[i].src = bild_info[src].src;
			anim_bilder[i].width = bild_info[src].width * size;
			anim_bilder[i].height = bild_info[src].height * size;
			}

			$(function() {
			for ( var i = 0; i < anz_bilder; i++ ){
			$('div.wimu').append(anim_bilder[i]);
			$('div.wimu img').last().addClass('anim');
			var bottom = Math.round( ( ( $('div.wimu').outerHeight() + anim_bilder[i].height ) * Math.random() ) - anim_bilder[i].height );
			var left = Math.round( ( ( $('div.wimu').outerWidth() + anim_bilder[i].width ) * Math.random() ) - anim_bilder[i].width );
			$('div.wimu img').last().css('bottom', bottom + 'px');
			$('div.wimu img').last().css('left', left + 'px');
			$('div.wimu img').last().animate(
			{ bottom: '+' + $('div.wimu').outerHeight() }, {
			duration: Math.round(7000 * Math.random() + 7000) - bottom * 15,
			easing: 'linear',
			complete: function(){ resetimage($(this)); },
			queue: false }
			);
			swing($('div.wimu img').last(),
			$('div.wimu img').last().width() / 8 + ($('div.wimu img').last().width() / 8 * Math.random()),
			400 * Math.random() + 250);
			}
			});

			function resetimage(anim_bild) {
			var left = ( ( $('div.wimu').outerWidth() + anim_bilder[i].width ) * Math.random() ) - anim_bilder[i].width;
			anim_bild.css('left', left + 'px');
			anim_bild.css('bottom', '-' + anim_bild.height() + 'px');
			anim_bild.animate(
			{ bottom: '+' + $('div.wimu').outerHeight() }, {
			duration: Math.round(7000 * Math.random() + 7000),
			easing: 'linear',
			complete: function(){ resetimage($(this)); },
			queue: false }
			);
			}

			function swing(anim_bild, amount, duration) {
			anim_bild.animate(
			{ marginLeft: amount }, {
			duration: duration,
			queue: false,
			complete: function(){
			$(this).animate(
			{ marginLeft: 0 }, {
			duration: duration,
			queue: false,
			complete: function(){ swing($(this), amount, duration) }
			}
			)
			}
			}
			);
			}

WiMu: hat „MediaWiki:Skin/Kamel:WiMu/Musik.js“ nach „MediaWiki:Skin/Kamel:WiMu/Musik.css“ verschoben: da gehört's hin

2011-08-25T18:16:20Z

hat „MediaWiki:Skin/Kamel:WiMu/Musik.js“ nach „MediaWiki:Skin/Kamel:WiMu/Musik.css“ verschoben: da gehört's hin

Neue Seite

#WEITERLEITUNG [[MediaWiki:Skin/Kamel:WiMu/Musik.css]]

← Nächstältere Version		Version vom 23. November 2013, 19:58 Uhr
Zeile 2:		Zeile 2:
	var anim_bilder = new Array();		var anim_bilder = new Array();
	var bild_info = [		var bild_info = [
	{ "src": "~~http://kamelopedia~~.~~mormo~~.~~org~~/images/0/08/Herzschlag.gif", "width": 120, "height": 80 },		{ "src": "../images/0/08/Herzschlag.gif", "width": 120, "height": 80 },
	/* ich wüsste gerade nicht, wie ich das sonst gewichten sollte */		/* ich wüsste gerade nicht, wie ich das sonst gewichten sollte */
	{ "src": "~~http://kamelopedia~~.~~mormo~~.~~org~~/images/0/08/Herzschlag.gif", "width": 120, "height": 80 },		{ "src": "../images/0/08/Herzschlag.gif", "width": 120, "height": 80 },
	{ "src": "~~http://kamelopedia~~.~~mormo~~.~~org~~/images/0/08/Herzschlag.gif", "width": 120, "height": 80 },		{ "src": "../images/0/08/Herzschlag.gif", "width": 120, "height": 80 },
	{ "src": "~~http://kamelopedia~~.~~mormo~~.~~org~~/images/0/08/Herzschlag.gif", "width": 120, "height": 80 },		{ "src": "../images/0/08/Herzschlag.gif", "width": 120, "height": 80 },
	{ "src": "~~http://kamelopedia~~.~~mormo~~.~~org~~/images/0/08/Herzschlag.gif", "width": 120, "height": 80 },		{ "src": "../images/0/08/Herzschlag.gif", "width": 120, "height": 80 },
	{ "src": "~~http://kamelopedia~~.~~mormo~~.~~org~~/images/0/08/Herzschlag.gif", "width": 120, "height": 80 },		{ "src": "../images/0/08/Herzschlag.gif", "width": 120, "height": 80 },
	{ "src": "~~http://kamelopedia~~.~~mormo~~.~~org~~/images/0/08/Herzschlag.gif", "width": 120, "height": 80 },		{ "src": "../images/0/08/Herzschlag.gif", "width": 120, "height": 80 },
	{ "src": "~~http://kamelopedia~~.~~mormo~~.~~org~~/images/3/39/Blume.gif", "width": 48, "height": 48 },		{ "src": "../images/3/39/Blume.gif", "width": 48, "height": 48 },
	{ "src": "~~http://kamelopedia~~.~~mormo~~.~~org~~/images/3/39/Blume.gif", "width": 48, "height": 48 },		{ "src": "../images/3/39/Blume.gif", "width": 48, "height": 48 },
	{ "src": "~~http://kamelopedia~~.~~mormo~~.~~org~~/images/e/e3/Animalibr%C3%AD.gif", "width": 100, "height": 96 },		{ "src": "../images/e/e3/Animalibr%C3%AD.gif", "width": 100, "height": 96 },
	{ "src": "~~http://kamelopedia~~.~~mormo~~.~~org~~/images/6/6c/BunchieViola.gif", "width": 53, "height": 66 },		{ "src": "../images/6/6c/BunchieViola.gif", "width": 53, "height": 66 },
	]		]