NOF-Forum  |  Referenzen  |  Kontakt  |  Impressum  |  Sitemap

NetObjects Fusion - Tutorials
NOF Tutorials und Hilfe von Thomas Frei-Herrmann

Lytebox Flash-Galerie-Beispiel - schließen nur über den Schließen-Button möglich (nicht über Hintergrund)

Hier die klassische Version der Lytebox-Konfiguration zum Schließen über Button und Hintergrund.

Für das Tutorial dieser Lytebox guckte bitte hier und auf der Seite "Panda". Weitere Beispiele, wie auch Lyteframe, unten oder auch eine Galerie hinter einzelnen Thumbs oder einem “Pseudo-Hotspot”.

 

  • Oder auch mit der “Lyteframe” Variante zu anderen Seiten

    ... z.B. zu einer externen Seite wie: Wikipedia

    ... oder z.B. zu einer internen Seite wie meinem Kontakt-Formular

Für das “Lyteframe-Fenster” schreibt Ihr in die Objekt-HTML “In dem Link

anstelle von...

rel="lytebox" title="Dein Titel hier"

... eben nur “lyteframe” und die Breite und Höhe vom Fenster eingeben:

rel="lyteframe" title="Dein Titel hier" rev="width: 600px; height: 500px; scrolling: auto;"

 

  • ... oder auch ein einzelnes Foto, hinter dem sich weitere Fotos verbergen
        das letzte Foto “Eichhörnchen”, im Beispiel unten, kann man auch downloaden. Erklärung dafür hier

Lytebox
10 Fotos

Lyteshow
10 Fotos

Lytebox
1 Foto nur über Pseudo-Hotspot
(bei Mausüber gepunktet markiert)

unsere Katze Alina am 18.02.2007

Um die Lytebox ausschließlich über den Schließen-Button zu schließen (also nicht über den Hintergrund) müsst Ihr die Datei:

lytebox.js

im Ordner “lyteboxscripts” ändern. Bitte öffnet diese Datei und kommentiert mittels 2 Slash

//

folgende Zeilen aus (ca. ab Zeile 271), sodass diese nicht mehr verarbeitet werden.

//this.doc.getElementById('lbOverlay').onclick = function() { myLytebox.end(); return false; }
//this.doc.getElementById('lbMain').onclick = function(e) {
//var e = e;
//if (!e) {
//if (window.parent.frames[window.name] && (parent.document.getElementsByTagName('frameset').length <= 0)) {
//e = window.parent.window.event;
//} else {
//e = window.event;
//}
//}
//var id = (e.target ? e.target.id : e.srcElement.id);
//if (id == 'lbMain') { myLytebox.end(); return false; }
//}

nach oben

zurück

 

Tutorials von Thomas Frei-Herrmann

diese Seite weiter empfehlen


Counter Statistik