- Schritt 1 -
Vorbereitungen für das Slide Page Script

Öffnen Sie - Eigenschaften der Webseite



Öffnen Sie den Bereich - HTML-Code



Kopieren Sie den unten aufgeführten Code und fügen Sie diesen im Bereich - HTML-Code ein.

<script type="text/javascript" src="jquery.js" ></script>

<style>
#overlay {width:100%; height:100%; top:0; position:fixed; left:0; opacity:0; display:none; z-index:90000; cursor:pointer;}
#overlaycontainer {width:800px; height:600px; position:absolute; left:50%; top:50%; margin-top:-300px; margin-left:-400px;}
</style>

<script>
function einblendenOverlay(adresse) {document.getElementById('overlaycontainer').src=adresse; with(document.getElementById('overlay').style){display='block'};$('#overlay').animate({opacity:1}, 600 );}

function ausblendenOverlay() {$('#overlay').animate({opacity:0}, 600); setTimeout('with(document.getElementById("overlay").style){display="none";}',700)}
</script>


Öffnen Sie die Startseite oder eine Hauptseite des Projektes, wo das Slidefenster eingebunden werden soll und stellen Sie die Seitenbreite (Länge) auf mindestens 1000px, da in unserem Beispiel das Slidefenster eine Breite von 964px hat. Sollte das gewünschte Fenster ein ander Grösse haben, dann sollte die Breite des Slidefensters auf jeden Fall immer kleiner als die Seitenbreite der Hauptseite sein.



Eine Kleinigkeit fehlt noch, damit nach dem Veröffentlichen der Seite auch alles reibungslos läuft. Im Code für die Animation, sind zwei Button für die Steuerung der Slidebewegungen eingebunden - next.png und preview.png. Diese Bilddateien können unten kopiert werden und müssen noch im Projekt integriert werden.

Hierfür gibt es zwei Lösungen:
1. Man kopiert die Bilddateien in seinen Projektordner, bzw. bei der Veröffentlichung direkt auf dem Server ins Hauptverzeichnis wo die Seiten liegen.
2. Man erstellt eine einfach, leere Seite und fügt die Bilddateien auf dieser Seite ein. Nach dem Veröffentlichen, befinden sich die Bilddateien automatisch am richtigen Platz.






| Weiter mit Schritt 2 - Erstellen der Seiten und Unterseiten | >