jQuery

Diese einfach in NOF einzubauende jQuery-Datei zeigt bei Mausüber mittels CSS3 eine Vergrößerung vom Bildauschnitt.

Hier geht es zu meinem Beispiel mit Tutorial.

Lupenzoom

 

Eine rein CSS basierende Textnavigation mit einem sehr großen Ausklappmenü, das Ihr beliebig anpassen könnt.

Der Einbau und die Änderung der CSS sowie der Listen-Navigation, ist eher für fortgeschrittene Bastler zu empfehlen.

www.nof-tutorials.com/Mega-Navigation/

Mega Navigation

Sollte der skalierbare Hintergrund wie  im NOF-Tutorial beschrieben nicht funktionieren, so kann dies mit der Publizierungsstruktur zu tun haben.

Dass sich der Hintergrund nicht der Bildschirmgröße angepasst hatte, sondern im Browser gekachelt angezeigt war, hatte bei einem Anwender folgende Ursache: Das Projekt war mit Site-Struktur publiziert, das Tutorial aber setzte eine Publizierung „nach Assets-Struktur“ voraus.

Weitere Informationen dazu in unserem Forum-Thread:

jquery Backstretch – Hintergrund auf Bildschirmgröße skalieren – Problem und Lösung

 

Weitere Hinweise:

Selbstverständlich kann man jedoch die Skripte im Tutorial mit den richtigen Pfadangaben auch einer anderen Publizierungsstruktur anpassen.

Ein gutes Verständnis über relative und absolute Pfadangaben bekommt man in dieser Anleitung:

Absolute und relative Pfadangaben

Anleitung von Tommy: Jquery Backstretch – Fullscreen Hintergrund

http://www.tommyherrmanndesign.com/nof/Hintergrundbild-Skript/html/backstretch-tut.php

Folgender Screencast zeigt, wie man die Publizierungsstruktur einstellt und was mit den Dateien passiert. Man sollte wissen, dass seit Version NOF12 die Standardeinstellung  für die Publizierung „Site-Struktur“ ist. Bei allen früheren Versionen war die Standard-Einstellung „nach Assets-Typ“ eingestellt.

http://www.nof-schule.de/forum/t-publizierungseinstellungen

 

Und so sieht z.B. der skalierbare Hintergrund aus:

 

Fullscreen Hintergrund

Quelle

 

Wir mussten feststellen, dass die bis NetObjects Fusion 11 verwendete jQuery-Datei

jmedia.js

nicht mehr im Internet Explorer 9 oder höher funktioniert.

Ab NetObjects Fusion 12 wird eine neuere Version dieser jQuery-Datei verwendet, die auch im IE 9 oder höher funktioniert.

 

Hier geht es zum Thread in unserem NOF-Forum

 

Seit vielen Jahren habe ich diese jQuery Dialog-Box eingebaut.

Heute habe ich mir die Mühe gemacht und die neuesten jQuery-Skripte dafür verwendet, nicht zuletzt um den neuen HTML-Ausgaben von NOF wie HTML5 gerecht zu werden.

Diese Skripte müssen in NOF anders eingebaut werden und haben auch einen anderen Syntax.

Für mein Beispiel und Tutorial guckt bitte hier oder klickt auf das Bild.

www.nof-tutorials.com/jQuery-Popupbox-Dialog/

 

jQuery-Dialog-Box

Klick zur jQuery Dialog Box

 

Die Funktionen des eingebauten jQuery Bildwechslers (Bildslider von NOF genannt: „Carousel“) sind selbsterklärend, werden hier aber von Tommy gezeigt:

Tutorial netObjects Fusion 2013 – Carousel