Iframe

SwissKnife for NOF Lytebox 3.22 - Tutorial im Iframe

Um die Lytebox über dem Iframe aufgehen zu lassen, braucht Ihr lediglich die Verlinkungen im <HEAD> Bereich der Seite, auf der Ihr den Iframe aufgezogen habt, zu wiederholen.

Ihr baut als die Komponente LyteBox zunächst auf der geframten Seite ganz normal ein. Publiziert einmal lokal, damit SwissKnife die Skripte generiert und kopiert Euch dann die Verlinkung zur .js Datei sowie die CSS Anweisungen aus dem Quelltext.

> rechte Maustaste > und im Kontext-Menü “Seitenquelltext anzeigen” wählen

Fügt diesen Code auf der Seite mit dem Iframe dann in die HTML des Layouts ein.

> Layout markieren > Fenster Layout-Eigenschaften > “Zwischen Head Tags” einfügen.

Bei meiner Konfiguration dieser Lytebox ist das bei mir dann dieser Code:


<script language="javascript" src="../lytebox/lytebox_nof.js"></script><link rel="stylesheet" href="../lytebox/lytebox.css" type="text/css" media="screen" /><script type="text/javascript">LyteBox_themes = 'grey';LyteBox_hideFlash = true;LyteBox_outerBorder = false;LyteBox_resizeSpeed = 8;LyteBox_maxOpacity = 50;LyteBox_navType = 1;LyteBox_autoResize = true;LyteBox_doAnimations = true;LyteBox_borderSize = 8;LyteBox_slideInterval = 4000;LyteBox_showNavigation = true;LyteBox_showClose = true;LyteBox_showDetails = true;LyteBox_showPlayPause = true;LyteBox_autoEnd = true;LyteBox_pauseOnNextClick = true;LyteBox_pauseOnPrevClick = true;</script>