** FONT FONT FONT **

JQuery 1.10.2

weitere Informationen
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

JQuery-UI 1.10.3

weitere Informationen
<link rel="stylesheet" type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>

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

weitere Informationen
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/i18n/jquery-ui-i18n.min.js"></script>

JQuery-Mobile latest

weitere Informationen
<link rel="stylesheet" href="https://code.jquery.com/mobile/latest/jquery.mobile.min.css">
<script type="text/javascript" src="https://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>

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

<script type="text/javascript"> $(document).bind("mobileinit", function(){ $.mobile.ajaxEnabled = false; }); </script>

JQuery-Mousewheel latest

weitere Informationen
<script type="text/javascript" src="https://sources.ado-server.de/mousewheel/latest/jquery.mousewheel.min.js"></script>

JQuery Easing Plugin latest

weitere Informationen
<script type="text/javascript" src="https://sources.ado-server.de/easing/latest/jquery.easing.min.js"></script>

JQuery-Form latest

weitere Informationen
<script type="text/javascript" src="https://sources.ado-server.de/jquery-form/latest/jquery.form.js"></script>

jqTransform latest

weitere Informationen
<link rel="stylesheet" href="https://sources.ado-server.de/jqtransform/latest/jqtransform.css">
<script type="text/javascript" src="https://sources.ado-server.de/jqtransform/latest/jquery.jqtransform.js"></script>

Chosen latest

weitere Informationen
<link rel="stylesheet" href="https://sources.ado-server.de/chosen/latest/chosen.css">
<script type="text/javascript" src="https://sources.ado-server.de/chosen/latest/chosen.jquery.min.js"></script>

SlidesJS latest

weitere Informationen
<script type="text/javascript" src="https://sources.ado-server.de/slidesjs/latest/slides.min.jquery.js"></script>

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.

<script type="text/javascript" src="https://sources.ado-server.de/slidesjs/latest/slides.modified.jquery.js"></script>
<script type="text/javascript">
	/**
	 * Abschalten des Texts in den Next/Prev Buttons:
	 */
	$("#slider").slides(
	{
		nextPrevText: false
	});

	/**
	 * Abschalten der Zahlen in der Pagination:
	 */
	$("#slider").slides(
	{
		paginationNumbers: false
	});

	/**
	 * Verlegen der Next/Prev button in einen anderen Container:
	 */
	$("#slider").slides(
	{
		generateNextPrev: true,
		customNextPrevContainer: true,
		nextContainerID: 'nextButton',		// ID nicht Klasse!
		prevContainerID: 'prevButton'		// ID nicht Klasse!
	});

	/**
	 * Verlegen der Pagination in einen anderen Container:
	 */
	$("#slider").slides(
	{
		generatePagination: true,
		customPaginationContainer: true,
		paginationContainerID: 'pagination'	// ID nicht Klasse!
	});
</script>

SlidesJS 2.0 Beta 1

weitere Informationen
<script type="text/javascript" src="https://sources.ado-server.de/slidesjs/2.0-beta-1/slides.min.js"></script>

SlidesJS 3.0.4

weitere Informationen
<script type="text/javascript" src="https://sources.ado-server.de/slidesjs/3.0.4/jquery.slides.min.js"></script>

Fancybox 2 latest

weitere Informationen
<link rel="stylesheet" href="https://sources.ado-server.de/fancybox/latest/jquery.fancybox.css" type="text/css">
<script type="text/javascript" src="https://sources.ado-server.de/fancybox/latest/jquery.fancybox.pack.js"></script>

Helpers:

/**
 * Button
 */
<link rel="stylesheet" href="https://sources.ado-server.de/fancybox/latest/helpers/jquery.fancybox-buttons.css" type="text/css">
<script type="text/javascript" src="https://sources.ado-server.de/fancybox/latest/helpers/jquery.fancybox-buttons.js"></script>

/**
 * Thumbnail
 */
<link rel="stylesheet" href="https://sources.ado-server.de/fancybox/latest/helpers/jquery.fancybox-thumbs.css" type="text/css">
<script type="text/javascript" src="https://sources.ado-server.de/fancybox/latest/helpers/jquery.fancybox-thumbs.js"></script>

/**
 * Media
 */
<script type="text/javascript" src="https://sources.ado-server.de/fancybox/latest/helpers/jquery.fancybox-media.js"></script>


Any+Time JQuery Date-Time-Picker latest

weitere Informationen
<link rel="stylesheet" href="https://sources.ado-server.de/anytime/latest/anytime.min.css" type="text/css">
<script type="text/javascript" src="https://sources.ado-server.de/anytime/latest/anytime.min.js"></script>

Flowplayer 5 latest

weitere Informationen
<link rel="stylesheet" href="https://sources.ado-server.de/flowplayer/latest5/skin/all-skins.css" type="text/css">
<script type="text/javascript" src="https://sources.ado-server.de/flowplayer/latest5/flowplayer.min.js"></script>

Einbinden:

<div id="player" class="functional no-background is-splash" data-engine="html5">
	<video preload="none">
		<source type="video/mp4" src="imagefilm.mp4"/>
		<source type="video/ogg" src="imagefilm.ogg"/>
		<source type="video/webm" src="imagefilm.webm"/>
		<source type="video/flov" src="imagefilm.flv"/>
	</video>
</div>
<script type="text/javascript">
	$(function(){

		// bewirkt das Zurücksetzen auf den Splashscreen am Ende des Films
		flowplayer(function(api, root) { api.bind("finish", function() { api.unload(); }); });

		// initialisiert den Flowplayer
		$("#player").flowplayer();

	});
</script>

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

weitere Informationen
<script type="text/javascript" src="https://sources.ado-server.de/flowplayer/latest3/flowplayer.min.js"></script>

Einbinden:

<script type="text/javascript">
	flowplayer("id-of-a-tag", "https://sources.ado-server.de/flowplayer/latest3/flowplayer.swf", {
		plugins: { controls: { url: "https://sources.ado-server.de/flowplayer/latest3/flowplayer.controls.swf" } },
	});
</script>

Facebook Like-Box Wrapper latest

<script type="text/javascript" src="https://sources.ado-server.de/fb-likebox/latest/fb-likebox.min.js"></script>

Einbinden:

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

Heise - Social Share Privacy latest

weitere Informationen
<link rel="stylesheet" href="https://sources.ado-server.de/socialshareprivacy/latest/socialshareprivacy.css" type="text/css">
<script type="text/javascript" src="https://sources.ado-server.de/socialshareprivacy/latest/jquery.socialshareprivacy.min.js"></script>

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

<link rel="stylesheet" href="https://sources.ado-server.de/socialshareprivacy/latest/socialshareprivacy.optimized.css" type="text/css">

Einbinden:

<div id="socialshareprivacy"></div>

Hyphenator 4 latest

weitere Informationen

Automatische Texttrennung!

<script type="text/javascript" src="https://sources.ado-server.de/hyphenator/latest/jquery.hyphenator.min.js"></script>

Einbinden:

<script type="text/javascript">

	$('p, ol, ul').hyphenate();

	$('p').hyphenate({hyphenchar: '|']);

</script>

Bowserupdate latest

weitere Informationen

Warnhinweis für veraltete Browser

Einbinden:

<script type="text/javascript" src="https://sources.ado-server.de/browser/browserupdate.js"></script>

Bilderklau verhindern / verkleinern

weitere Informationen

via CSS

<img style="background:url('https://sources.ado-server.de/dummyimage/300x225');" src="https://sources.ado-server.de/trans/trans.gif" alt="New York Police Department" width="300" height="225" />
New York Police Department

jqTree latest

weitere Informationen

Macht aus verschachtelten Listen einen interaktiven Treeview

Einbinden:

<link rel="stylesheet" href="https://sources.ado-server.de/jqtree/latest/jqtree.css">
<script type="text/javascript" src="https://sources.ado-server.de/jqtree/latest/jqtree.min.js"></script>

Optional die aktuelle Developer-Version:

<link rel="stylesheet" href="https://sources.ado-server.de/jqtree/dev/jqtree.css">
<script type="text/javascript" src="https://sources.ado-server.de/jqtree/dev/jqtree.min.js"></script>

jquery.cookie latest

weitere Informationen

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

Einbinden:

<script type="text/javascript" src="https://sources.ado-server.de/jquery.cookie/latest/jquery.cookie.min.js"></script>

Placeholder Fallback für nicht HTML5 Seiten latest

weitere Informationen

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

Einbinden:

<script type="text/javascript" src="https://sources.ado-server.de/placeholder/latest/placeholder.min.js"></script>

lionbars - OS-X Scrollbar latest

weitere Informationen
<link rel="stylesheet" href="https://sources.ado-server.de/lionbars/latest/lionbars.css">

<!--[if IE 8]>
<style>
	.lb-v-scrollbar { background: red; }
</style>
<![endif]-->
<script type="text/javascript" src="https://sources.ado-server.de/lionbars/latest/jquery.lionbars.0.3.min.js"></script>

Shadow animation jQuery plugin latest

weitere Informationen
<script type="text/javascript" src="https://sources.ado-server.de/animate-shadow/latest/jquery.animate-shadow-min.js"></script>