People Ignore Design That Ignores People

People Ignore Design That Ignores People

Greybox

Greybox ist eine kleine JavaScript-Bibliothek, mit der man Webseiten und Bilder in der Art einer Diashow anzeigen lassen kann.

Ein Beispiel zur Anwendung von Greybox

Installation

Zuerst muss man GreyBox herunterladen.

Um Graybox zu nutzen, muss man foldende Anweisung im Kopfbereich einer angeben

<head>
<script type="text/javascript">
    var GB_ROOT_DIR = "http://www.dein-homepage/greybox/";
</script>
...
...
</head>

Ebenfalls im Kopfbereich sind folgende Dateien einzubinden:

<script type="text/javascript" src="greybox/AJS.js"></script>
<script type="text/javascript" src="greybox/AJS_fx.js"></script>
<script type="text/javascript" src="greybox/gb_scripts.js"></script>
<link href="greybox/gb_styles.css" rel="stylesheet" type="text/css" />

Anwendung

Mit

<a href="http://www.meine-homepage/einbild.jpg" title="Bildtitel" rel="gb_image[]">Linktext</a>

wird eine Bildanzeige eingefügt.

Mit

<a href="http://www.meine-homepage/bild1.jpg" title="Bildtitel 1" rel="gb_imageset[tolle_bilder]">Linktext1</a>
<a href="http://www.meine-homepage/bild1.jpg" title="Bildtitel 2" rel="gb_imageset[tolle_bilder]">Linktext2</a>

wird eine Gruppe von Bildern als Dia-Show angezeigt.

Beispiele

Beispiele Original (greyb_org)
mit GreyBox - About, GreyBox - Advance usage, GreyBox - Compressing GreyBox,

Ratgeber Paint.Net Kostenlose Flashtools Analytenblog Gleimstraße 50 iMacro Impressum & Kontakt