Bei der Einbindung muss auf die Reihenfolge geachtet werden!
In den <head> Bereich der HTML-Seite wird folgendes eingefügt:
1. jQuery Bibliothek wird vorausgesetzt.
<script type="text/javascript" src="https://www.terminland.de/greybox/jquery.js"></script>
2. Über folgende Variablen kann man das Verhalten beeinflussen.
Dieser Teil ist nur notwendig, wenn man die Voreinstellung ändern möchte.
<script type="text/javascript">
var GB_ANIMATION = false;
var GB_WIDTH = 500;
var GB_HEIGHT = 500;
var GB_TOP = 10;
</script>
3. Jetzt noch das eigentliche Greybox AddOn und das StyleSheet dazu.
Durch 'vorsichtige' Manipulation der StyleSheet Datei kann das Aussehen der Greybox verändert werden.
<script type="text/javascript" src="https://www.terminland.de/greybox/greybox.js"></script>
<link href="https://www.terminland.de/greybox/greybox.css" rel="stylesheet" type="text/css" media="all" />
4. Link in den Html-Code einbauen. Im Anker-Tag muss class="greybox" angegeben werden!
<a href="https://www.demoland.de/easy_demo_arztpraxis/" title="Online-Terminvereinbarung" class="greybox">Online-Terminvereinbarung</a>