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,