• JQuery
• JQuery-UI
• JQuery-UI localization
• JQuery-Mobile
• JQuery-Mousewheel
• JQuery-Easing
• JQuery-Form
• JQTransform (schönere Formulare)
• Chosen (Dropdown-Box mit Suchfunktion)
• SlidesJS
• SlidesJS 2 (beta)
• SlidesJS 3 (beta)
• Fancybox
• Date-Time-Picker (Any+Time)
• Flowplayer 5 (HTML5)
• Flowplayer 3 (Flash)
• Facebook Fanbox
• Social Media Sharebox (Heise)
• Hyphenator
• Browserupdate
• Bilderklau verhindern / verkleinern
• jqTree (Treeview)
• jquery.cookie
• Placholder Fallback für nicht HTML5 Seiten
• lionbars - OS-X Scrollbar
• jQuery box-shadow Animation

JQuery 1.10.2

');
		?>

JQuery-UI 1.10.3

')."\n";
			echo htmlspecialchars('');
		?>

Mögliche Themes (beim css link angeben, Standard: base):

base black-tie blitzer cupertino dark-hive dot-luv eggplant excite-bike flick hot-sneaks humanity le-frog mint-choc overcast pepper-grinder redmond smoothness south-street start sunny swanky-purse trontastic ui-darkness ui-lightness vader

JQuery-UI 1.10.3 multilangual

');
		?>

JQuery-Mobile latest

')."\n";
			echo htmlspecialchars('');
		?>

Falls man JQuery-Form nutzen will, muss man AJAX deaktivieren. Dazu vor dem Script oben folgendes einfügen:

 $(document).bind("mobileinit", function(){ $.mobile.ajaxEnabled = false; }); ');
		?>

JQuery-Mousewheel latest

');
		?>

JQuery Easing Plugin latest

');
		?>

JQuery-Form latest

');
		?>

jqTransform latest

')."\n";
			echo htmlspecialchars('');
		?>

Chosen latest

')."\n";
			echo htmlspecialchars('');
		?>

SlidesJS latest

');
		?>

Nachfolgend eine modifizierte Version mit der man die Next/Prev Button bzw. die Pagination in Containern außerhalb des eigentlich Sliders platzieren kann außerdem lassen sich die Text/Zahlen abschalten.

');
		?>

')."\n";
				echo htmlspecialchars('	/**')."\n";
				echo htmlspecialchars('	 * Abschalten des Texts in den Next/Prev Buttons:')."\n";
				echo htmlspecialchars('	 */')."\n";
				echo htmlspecialchars('	$("#slider").slides(')."\n";
				echo htmlspecialchars('	{')."\n";
				echo htmlspecialchars('		nextPrevText: false')."\n";
				echo htmlspecialchars('	});')."\n\n";
				echo htmlspecialchars('	/**')."\n";
				echo htmlspecialchars('	 * Abschalten der Zahlen in der Pagination:')."\n";
				echo htmlspecialchars('	 */')."\n";
				echo htmlspecialchars('	$("#slider").slides(')."\n";
				echo htmlspecialchars('	{')."\n";
				echo htmlspecialchars('		paginationNumbers: false')."\n";
				echo htmlspecialchars('	});')."\n\n";
				echo htmlspecialchars('	/**')."\n";
				echo htmlspecialchars('	 * Verlegen der Next/Prev button in einen anderen Container:')."\n";
				echo htmlspecialchars('	 */')."\n";
				echo htmlspecialchars('	$("#slider").slides(')."\n";
				echo htmlspecialchars('	{')."\n";
				echo htmlspecialchars('		generateNextPrev: true,')."\n";
				echo htmlspecialchars('		customNextPrevContainer: true,')."\n";
				echo htmlspecialchars('		nextContainerID: \'nextButton\',		// ID nicht Klasse!')."\n";
				echo htmlspecialchars('		prevContainerID: \'prevButton\'		// ID nicht Klasse!')."\n";
				echo htmlspecialchars('	});')."\n\n";
				echo htmlspecialchars('	/**')."\n";
				echo htmlspecialchars('	 * Verlegen der Pagination in einen anderen Container:')."\n";
				echo htmlspecialchars('	 */')."\n";
				echo htmlspecialchars('	$("#slider").slides(')."\n";
				echo htmlspecialchars('	{')."\n";
				echo htmlspecialchars('		generatePagination: true,')."\n";
				echo htmlspecialchars('		customPaginationContainer: true,')."\n";
				echo htmlspecialchars('		paginationContainerID: \'pagination\'	// ID nicht Klasse!')."\n";
				echo htmlspecialchars('	});')."\n";
				echo htmlspecialchars('')."\n";
		?>

SlidesJS 2.0 Beta 1

');
		?>

SlidesJS 3.0.4

');
		?>

Fancybox 2 latest

')."\n";
			echo htmlspecialchars('');
		?>

Helpers:

')."\n";
			echo htmlspecialchars('')."\n\n";
			echo htmlspecialchars('/**')."\n";
			echo htmlspecialchars(' * Thumbnail')."\n";
			echo htmlspecialchars(' */')."\n";
			echo htmlspecialchars('')."\n";
			echo htmlspecialchars('')."\n\n";
			echo htmlspecialchars('/**')."\n";
			echo htmlspecialchars(' * Media')."\n";
			echo htmlspecialchars(' */')."\n";
			echo htmlspecialchars('')."\n\n";
		?>

Any+Time JQuery Date-Time-Picker latest

')."\n";
			echo htmlspecialchars('');
		?>

Flowplayer 5 latest

')."\n";
			echo htmlspecialchars('');
		?>

Einbinden:

')."\n";
			echo htmlspecialchars('	')."\n";
			echo htmlspecialchars('')."\n";
		?>

')."\n";
			echo htmlspecialchars('	$(function(){')."\n\n";
			echo htmlspecialchars('		// bewirkt das Zurücksetzen auf den Splashscreen am Ende des Films')."\n";
			echo htmlspecialchars('		flowplayer(function(api, root) { api.bind("finish", function() { api.unload(); }); });')."\n\n";
			echo htmlspecialchars('		// initialisiert den Flowplayer')."\n";
			echo htmlspecialchars('		$("#player").flowplayer();')."\n\n";
			echo htmlspecialchars('	});')."\n";
			echo htmlspecialchars('');
		?>

Für das Aussehen gibt es drei Skins (Vorschau), einfach die jeweilige Klasse austauschen:

minimalist, functional, playful

Bei data-engine sind folgende Werte möglich:

flash, html5

Flowplayer 3 latest

');
		?>

Einbinden:

')."\n";
			echo htmlspecialchars('	flowplayer("id-of-a-tag", "https://sources.ado-server.de/flowplayer/latest3/flowplayer.swf", {')."\n";
			echo htmlspecialchars('		plugins: { controls: { url: "https://sources.ado-server.de/flowplayer/latest3/flowplayer.controls.swf" } },')."\n";
			echo htmlspecialchars('	});')."\n";
			echo htmlspecialchars('');
		?>

Facebook Like-Box Wrapper latest

');
		?>

Einbinden:

')."\n";
			echo htmlspecialchars('	$(\'element\').fblikebox(')."\n";
			echo htmlspecialchars('	{')."\n";
			echo htmlspecialchars('		pageURL: \'https://www.facebook.com/pages/adocom/230797817026274\',')."\n";
			echo htmlspecialchars('		width: 292,			// optional, default: 292')."\n";
			echo htmlspecialchars('		height: 300,			// optional, default: null')."\n";
			echo htmlspecialchars('		colorScheme: \'light\',		// optional, default: null')."\n";
			echo htmlspecialchars('		backgroundColor: \'White\',	// optional, default: null')."\n";
			echo htmlspecialchars('		borderColor: \'#CCCCCC\',		// optional, default: null')."\n";
			echo htmlspecialchars('		showHeader: false,		// optional, default: true')."\n";
			echo htmlspecialchars('		showStream: false,		// optional, default: true')."\n";
			echo htmlspecialchars('		showFaces: true,		// optional, default: true')."\n";
			echo htmlspecialchars('		staticLink: false,		// optional, default: false -- Erzeugt nur einen statischen Bildlink')."\n";
			echo htmlspecialchars('		staticNoCSS: false		// optional, default: false -- Keine Formatierung bei Verwendung von staticLink')."\n";
			echo htmlspecialchars('	}')."\n";
			echo htmlspecialchars('');
		?>

Heise - Social Share Privacy latest

')."\n";
			echo htmlspecialchars('');
		?>

Alternative CSS, Info-Fenster breiter und Info-Icon Hintergrund nicht weiß sondern grau:

');
		?>

Einbinden:

');
		?>

Hyphenator 4 latest

Automatische Texttrennung!

');
		?>

Einbinden:

')."\n\n";
			echo htmlspecialchars('	$(\'p, ol, ul\').hyphenate();')."\n\n";
			echo htmlspecialchars('	$(\'p\').hyphenate({hyphenchar: \'|\']);')."\n\n";
			echo htmlspecialchars('');
		?>

Bowserupdate latest

Warnhinweis für veraltete Browser

Einbinden:

');
		?>

Bilderklau verhindern / verkleinern

via CSS

');
		?>

jqTree latest

Macht aus verschachtelten Listen einen interaktiven Treeview

Einbinden:

')."\n";
			echo htmlspecialchars('');
		?>

Optional die aktuelle Developer-Version:

')."\n";
			echo htmlspecialchars('');
		?>

jquery.cookie latest

Einfaches Plugin zum lesen, schreiben und löschen von coookies.

Einbinden:

');
		?>

Placeholder Fallback für nicht HTML5 Seiten latest

Mit Hilfe dieses Plugins wird in Browsern die das placeholder Attribute nicht unterstützen, automatisch eine Javascript Lösung verwendet.

Einbinden:

');
		?>

lionbars - OS-X Scrollbar latest

')."\n\n";
			echo htmlspecialchars("");
		?>

');
		?>

Shadow animation jQuery plugin latest

');
		?>