Bilder und Bildgalerien in NOF

NetObjects Fusion hat ein Script entwickelt, das es ermöglicht einen sogenannten Parallax-Effekt zu gestalten.

Dabei werden Layoutbereiche erstellt, denen man eine von NOF erstellte Class zuordnen kann, die dann Hintergrundbilder der Layoutbereiche als fixierte Fullscreen-Bilder darstellen. Durch die Unterbrechung dieser Layoutbereiche entsteht der Eindruck, dass diese Bilder beim Scrollen der Seite jeweils neu geladen werden.

Parallax-Effekt

Hier das Original-Script mit einem Tutorial zum Einbau von mir:

http://www.nof-tutorials.com/Parallax-Hintergrund-Effekt/

… oder auch als (bedingt) responsive Seite:

http://www.nof-tutorials.com/Parallax-Hintergrund-Effekt-Responsive/

Die Hintergrundbilder sollten möglichst in einer niedrigen Auflösung gewählt werden, damit die Seiten schnell laden. Als zusätzliches Element habe ich hier noch einen „Preloader“ (zum Vorladen der Seite) eingebaut.

http://www.nof-tutorials.com/Parallax-Preload-Hintergrund-Effekt/

Fragen beantworten wir wie immer gerne in unserem NOF – Forum.

 

Eine sehr schöne Möglichkeit Bilder und Beschreibungen dazu sehr einfach darzustellen. Texte können in eigenen DIV-Klassen auch scrollbar angezeigt werden.

Dies ist eine schöne Alternative zur altbewährten Lytebox mit zusätzlichen Effekten. Man kann einzelne Bilder vergrößern oder auch Bilder in Gruppen zusammenfassen.

www.magictoolbox.com/magicthumb/

Es steht eine kostenlose Beispiel-Version zur Verfügung. Für eine private Homepage kann man eine freie Lizenz beantragen, ansonsten muss man eine Lizenz käuflich erwerben.

 

Das alles funktioniert lediglich mit einer „Class“, die man auch den in NOF direkt aufgezogenen Bildern oder Text-Links sehr einfach zuordnen kann. In einem „rel“ Attribut (rel = relation = Bezug) kann man mit sehr vielen Parametern seine eigene Lightbox und das Verhalten steuern, wenn man will bei jedem Bild anders.

Hier habe ich diese Anwendung in NOF eingebaut – inklusive Tutorial:

www.nof-tutorials.com/Magic-Thumb/

 

Palmen

Magic Thumb

        Bild von: bilder.n3po.com

 

Der Amazing Slider ist eine sehr leicht zu verwendende Software. Das Programm erstellt einen Slider mit Fotos oder auch Videos vollkommen selbstständig.

Man kann den Amazing Slider zunächst als freie Version downloaden und testen.

Ihr müsst lediglich Eure Fotos oder Videos, auch z.B. Links zu YouTube oder anderen Seiten, eintragen. Man kann unter jeder Menge Design und unterschiedlichen Animationen wählen und hat auch die zusätzliche Option eine Lightbox zu verwenden.

Dies ist eine sehr schöne Alternative zum allseits beliebten WOW-Slider und lässt sich ebenso leicht direkt in NOF integrieren.

Hier ein Beispiel und mein Tutorial zum Einbau in NetObjects Fusion:

www.nof-tutorials.com/Amazing-Slider/

 
Amazing-Slider

 

Ihr findet auf meiner Beispielseite auch einen Link zum „Amazing Carousel“. Dieses Karussell wird ebenso eingebaut, bietet nur andere Optionen. Auch hier kann man Bilder oder Videos verwenden.

www.nof-tutorials.com/Amazing-Carousel/