Deutschsprachiges NOF - Forum

Support und Tutorials rund um das Thema NetObjects Fusion

collapse

* Neuigkeiten der NOF-Community

Die letzten Beiträge

Blogs zu unserem Forum

Button zum Forum Blog
Testbericht NOF 13

* Social Media...

onlinestreet.de - Verzeichnis redaktionell ausgewählter Webseiten
Verzeichnis ausgewählter Webseiten zum Thema:
Internet » Chats und Foren
Geführt im Verzeichnis ausgewählter Webseiten: NOF-Community - Deutschsprachiges NetObjects Fusion Forum
Fachanwalt für Internet-Recht C.Schmietenknop

Autor Thema: Polaroid-Photobar-Gallery in NetObjects Fusion einbinden  (Gelesen 1427 mal)

0 Mitglieder und 1 Gast betrachten dieses Thema.

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 7796
    • Schatznasen- Der Katzenblog
  • NOF-Version: NOF 11
  • System: Windows Vista
  • System-Typ: 32bit
Polaroid-Photobar-Gallery in NetObjects Fusion einbinden
« am: 12. September 2013, 23:11:57 »
Kürzlich hat Dada für Euch diese Galerie im Web ausgegraben. Ich finde sie eigentlich ganz nett und möchte im folgenden Tutorial für alle Interessierten erläutern, wie man diese Galerie in NetObjects Fusion einbinden kann.

Dass die Galerie auch in NOF-Projekten funktioniert und wie sie dann aussieht, kann man in diesem Beispielprojekt sehen und testen. (erstellt mit NOF9)

« Letzte Änderung: 13. September 2013, 13:45:22 von nettesekel »
Kannst du so machen, dann isses halt kacke.

Fragen - die inhaltlich ins Forum gehören - sind grundsätzlich im Forum zu stellen und werden auch nur dort beantwortet, damit Alle durch deren Erörterung lernen und von ihr profitieren können. Anfragen dieser Art per PN bleiben unbeantwortet!


Avatar: fotolia.com  rat © Oleg Kozlov

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 7796
    • Schatznasen- Der Katzenblog
  • NOF-Version: NOF 11
  • System: Windows Vista
  • System-Typ: 32bit
Polaroid-Photobar-Gallery in NetObjects Fusion einbinden
« Antwort #1 am: 13. September 2013, 13:51:20 »
Die Fotos für eure Bildgalerie müsst ihr in einem Fotobearbeitungsprogramm so vorbereiten, dass ihr von jedem Bild, das präsentiert werden soll, eine kleine und eine große Version zur Verfügung habt.

Screenshots sind nur für Mitglieder sichtbar. Bitte einloggen oder registrieren.


Screenshots sind nur für Mitglieder sichtbar. Bitte einloggen oder registrieren.
« Letzte Änderung: 15. September 2013, 22:18:30 von nettesekel »
Kannst du so machen, dann isses halt kacke.

Fragen - die inhaltlich ins Forum gehören - sind grundsätzlich im Forum zu stellen und werden auch nur dort beantwortet, damit Alle durch deren Erörterung lernen und von ihr profitieren können. Anfragen dieser Art per PN bleiben unbeantwortet!


Avatar: fotolia.com  rat © Oleg Kozlov

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 7796
    • Schatznasen- Der Katzenblog
  • NOF-Version: NOF 11
  • System: Windows Vista
  • System-Typ: 32bit
Polaroid-Photobar-Gallery in NetObjects Fusion einbinden
« Antwort #2 am: 13. September 2013, 23:01:28 »
Damit die Galerie funktionieren kann, benötigt ihr zunächst einige Dateien und Ordner.
Da die ursprünglichen Dateien (Quelle) für NOF ein wenig modifiziert werden mussten, könnt ihr euch diese Dateien hier herunterladen

Entpackt nach dem Download bitte die Zip-Datei. Der Inhalt der Zip-Datei sollte wie folgt aussehen:

Screenshots sind nur für Mitglieder sichtbar. Bitte einloggen oder registrieren.



Bevor wir diese Dateien nun auf den Server laden, legen wir erst noch die notwendigen Ordner für die Bilder unserer Galerie an.
Zuerst erstellt ihr einen Ordner und gebt ihm den Namen "images".
In diesem Ordner platziert ihr alle Alben die ihr in eurer Galerie anzeigen lassen möchtet.

Screenshots sind nur für Mitglieder sichtbar. Bitte einloggen oder registrieren.



Öffnet also nun den neu angelegten Ordner und erstellt darin den Ordner für euer erstes Album und nennt ihn "album1".
In diesen Ordner fügt ihr später alle Fotos ein, die in Album 1 präsentiert werden sollen.

Screenshots sind nur für Mitglieder sichtbar. Bitte einloggen oder registrieren.



Und noch einmal das selbe Spiel, öffnet auch diesen neu angelegten Ordner und erstellt in diesem Ordner wieder einen neuen Ordner, für welchen ihr den Namen "thumbs" vergebt.
In diesem Ordner müssen alle Vorschaubilder für Album 1 abgelegt werden, also die verkleinerten Versionen der Fotos aus Album 1.

Screenshots sind nur für Mitglieder sichtbar. Bitte einloggen oder registrieren.



Da jedes Album in einem extra Ordner liegt, könnt ihr es euch mit den Dateinamen der Bilder ruhig einfach machen und sie einfach durchnummerieren. So habe ich es zumindest gemacht.
« Letzte Änderung: 03. August 2015, 19:55:02 von nettesekel »
Kannst du so machen, dann isses halt kacke.

Fragen - die inhaltlich ins Forum gehören - sind grundsätzlich im Forum zu stellen und werden auch nur dort beantwortet, damit Alle durch deren Erörterung lernen und von ihr profitieren können. Anfragen dieser Art per PN bleiben unbeantwortet!


Avatar: fotolia.com  rat © Oleg Kozlov

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 7796
    • Schatznasen- Der Katzenblog
  • NOF-Version: NOF 11
  • System: Windows Vista
  • System-Typ: 32bit
Polaroid-Photobar-Gallery in NetObjects Fusion einbinden
« Antwort #3 am: 14. September 2013, 23:00:27 »
Für jedes weiter Album legt ihr im Orner "images" einen weiteren Ordner "album..." an und in jedem Albenordner einen Ordner "thumbs" für die jeweiligen Miniaturbilder.

Eure Fotos ordnet ihr dann den entsprechenden Ordnern zu.
« Letzte Änderung: 15. September 2013, 22:22:51 von nettesekel »
Kannst du so machen, dann isses halt kacke.

Fragen - die inhaltlich ins Forum gehören - sind grundsätzlich im Forum zu stellen und werden auch nur dort beantwortet, damit Alle durch deren Erörterung lernen und von ihr profitieren können. Anfragen dieser Art per PN bleiben unbeantwortet!


Avatar: fotolia.com  rat © Oleg Kozlov

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 7796
    • Schatznasen- Der Katzenblog
  • NOF-Version: NOF 11
  • System: Windows Vista
  • System-Typ: 32bit
Polaroid-Photobar-Gallery in NetObjects Fusion einbinden
« Antwort #4 am: 14. September 2013, 23:12:10 »
Nachdem all diese Vorbereitungen getroffen sind, ladet ihr die Dateien auf euren Webserver ins Rootverzeichnis. Woran erkennt ihr das Rootverzeichnis? Das Rootverzeichnis ist das Verzeichnis in welchem auch die "index.html" liegt.

Screenshots sind nur für Mitglieder sichtbar. Bitte einloggen oder registrieren.


Wenn ihr eure Galerie auch offline, also bei lokaler Publizierung testen möchtet, dann kopiert ihr die Dateien ebenfalls in den Ordner lokale Publizierung eures Projekts.
« Letzte Änderung: 15. September 2013, 23:21:40 von nettesekel »
Kannst du so machen, dann isses halt kacke.

Fragen - die inhaltlich ins Forum gehören - sind grundsätzlich im Forum zu stellen und werden auch nur dort beantwortet, damit Alle durch deren Erörterung lernen und von ihr profitieren können. Anfragen dieser Art per PN bleiben unbeantwortet!


Avatar: fotolia.com  rat © Oleg Kozlov

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 7796
    • Schatznasen- Der Katzenblog
  • NOF-Version: NOF 11
  • System: Windows Vista
  • System-Typ: 32bit
Polaroid-Photobar-Gallery in NetObjects Fusion einbinden
« Antwort #5 am: 14. September 2013, 23:39:46 »
Nun benötigt ihr einige Einfügungen im Seiten-html der zukünftigen Galerieseite. Da man eine solche Galerie wahrscheinlich nicht auf mehreren Seiten einbinden wird - zumindest nicht ein und die selbe Galerie - empfiehlt es sich, diese Einfügungen im Layout-html vorzunehmen. Ihr öffnet also die Seitenansicht der Seite, in welche ihr die Galerie einbinden möchtet und ruft dann die Layouteigenschaften auf. Das funktioniert mit einem einfachen Klick ins Layout oder durch drücken der Taste F9 auf eurer Tastatur. Die Eigenschaftenpalette zeigt nun die Layouteigenschaften an und ihr klickt als Nächstes den html-Button auf der EP an.


Screenshots sind nur für Mitglieder sichtbar. Bitte einloggen oder registrieren.
« Letzte Änderung: 15. September 2013, 22:37:52 von nettesekel »
Kannst du so machen, dann isses halt kacke.

Fragen - die inhaltlich ins Forum gehören - sind grundsätzlich im Forum zu stellen und werden auch nur dort beantwortet, damit Alle durch deren Erörterung lernen und von ihr profitieren können. Anfragen dieser Art per PN bleiben unbeantwortet!


Avatar: fotolia.com  rat © Oleg Kozlov

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 7796
    • Schatznasen- Der Katzenblog
  • NOF-Version: NOF 11
  • System: Windows Vista
  • System-Typ: 32bit
Polaroid-Photobar-Gallery in NetObjects Fusion einbinden
« Antwort #6 am: 14. September 2013, 23:40:23 »
Es öffnet sich das Fenster zur Eingabe des Codes.

Wenn ihr die Galerie auf der Startseite eures Projekts einbinden wollt, benutzt für die erste Einfügung bitte folgenden Code: (zutreffend bei Publizierung nach Assettyp)

Code:
1.

Dieser Code ist nur für Mitglieder sichtbar.
Bitte einloggen oder registrieren.


Soll die Galerie auf einer Unterseite laufen, müsst ihr diesen Code verwenden:

Code:
1.

Dieser Code ist nur für Mitglieder sichtbar.
Bitte einloggen oder registrieren.


Er beinhaltet die Verknüpfungen zu allen notwendigen Script- und CSS-Dateien.
Diesen Code platziert ihr zwischen den Head-Tags.

NOF hat hier eine Hilfestellung für den Anwender integriert um die passende Stelle für die Einfügung zu finden.

In älteren NOF-Versionen ist das Fenster zweigeteilt und verschiedene Reiter sorgen für eine übersichtliche Einteilung. Man wählt also den Reiter "Zwischen den Head-tags" und fügt darunter den Code ein. Die Eingabe muss noch nicht mit OK bestätigt werden, da noch eine zweite Einfügung an anderer Stelle nötig ist.

Screenshots sind nur für Mitglieder sichtbar. Bitte einloggen oder registrieren.



In den neueren NOF-Versionen gibt es die Reiter nicht mehr, dafür gibt es Icons am oberen Fensterrand, welche man anklicken kann. Bei Klick auf das Icon "Zwischen head-Tags" positioniert das Programm den Cursor dann an der für die Einfügung richtigen Stelle. Man fügt den Code dort ein, wo der Cursor blinkt.

Screenshots sind nur für Mitglieder sichtbar. Bitte einloggen oder registrieren.


« Letzte Änderung: 15. September 2013, 20:02:31 von nettesekel »
Kannst du so machen, dann isses halt kacke.

Fragen - die inhaltlich ins Forum gehören - sind grundsätzlich im Forum zu stellen und werden auch nur dort beantwortet, damit Alle durch deren Erörterung lernen und von ihr profitieren können. Anfragen dieser Art per PN bleiben unbeantwortet!


Avatar: fotolia.com  rat © Oleg Kozlov

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 7796
    • Schatznasen- Der Katzenblog
  • NOF-Version: NOF 11
  • System: Windows Vista
  • System-Typ: 32bit
Polaroid-Photobar-Gallery in NetObjects Fusion einbinden
« Antwort #7 am: 14. September 2013, 23:42:54 »
Dann kommen wir auch gleich zur zweiten notwendigen Einfügung, welche ihr am Ende des Haupttextes paltzieren müsst.

Die Nutzer älterer NOF-Versionen aktivieren für die zweite Einfügung also den Reiter "Ende des Haupttextes" und fügen im unteren Teil des Fensters den Code ein.

Nutzer neuerer NOF-Versionen klicken das 5. Icon der oberen Symbolleiste an und fügen den Code dort ein, wo nun der Cursor blinkt.


Der einzufügende Code sieht wie folgt aus...
----------------------------------------------------------------------------------------------------------
Code für Startseite:
----------------------------------------------------------------------------------------------------------
Code:
1.

Dieser Code ist nur für Mitglieder sichtbar.
Bitte einloggen oder registrieren.


----------------------------------------------------------------------------------------------------------
Code für Unterseiten:
----------------------------------------------------------------------------------------------------------
Code:
1.

Dieser Code ist nur für Mitglieder sichtbar.
Bitte einloggen oder registrieren.


Nach dieser Einfügung kann das Fenster mit einem Klick auf den OK-Button am unteren Fensterrand geschlossen werden.
« Letzte Änderung: 15. September 2013, 23:21:05 von nettesekel »
Kannst du so machen, dann isses halt kacke.

Fragen - die inhaltlich ins Forum gehören - sind grundsätzlich im Forum zu stellen und werden auch nur dort beantwortet, damit Alle durch deren Erörterung lernen und von ihr profitieren können. Anfragen dieser Art per PN bleiben unbeantwortet!


Avatar: fotolia.com  rat © Oleg Kozlov

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 7796
    • Schatznasen- Der Katzenblog
  • NOF-Version: NOF 11
  • System: Windows Vista
  • System-Typ: 32bit
Polaroid-Photobar-Gallery in NetObjects Fusion einbinden
« Antwort #8 am: 14. September 2013, 23:43:54 »
Nachdem die Einfügungen im Seiten-html platziert wurden, benötigen wir nun noch den Code für die eigentliche Bildgalerie. Dazu fügt ihr an einer beliebigen Stelle in eurem Layout ein Textfeld ein und im html dieses Textfeldes fügt ihr nun den Galeriecode ein. Wer nicht weiß, wie er dabei vorgehen muss, kann dies hier nocheinmal nachlesen: http://www.nof-community.de/index.php/topic,47.0.html

Der hier angebotene Code beinhaltet wie in der Beispielseite 5 Alben. Natürlich kann man Alben entfernen oder weitere hinzufügen.

----------------------------------------------------------------------------------------------------------
Code für Startseite
----------------------------------------------------------------------------------------------------------

Code:
1.

Dieser Code ist nur für Mitglieder sichtbar.
Bitte einloggen oder registrieren.




----------------------------------------------------------------------------------------------------------
Code für Unterseiten
----------------------------------------------------------------------------------------------------------

Code:
1.

Dieser Code ist nur für Mitglieder sichtbar.
Bitte einloggen oder registrieren.


In diesem Code sind einige Anpassungen nötig/möglich, welche ich im nächsten Post anhand einer Grafik erläutern möchte.
« Letzte Änderung: 15. September 2013, 23:16:23 von nettesekel »
Kannst du so machen, dann isses halt kacke.

Fragen - die inhaltlich ins Forum gehören - sind grundsätzlich im Forum zu stellen und werden auch nur dort beantwortet, damit Alle durch deren Erörterung lernen und von ihr profitieren können. Anfragen dieser Art per PN bleiben unbeantwortet!


Avatar: fotolia.com  rat © Oleg Kozlov

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 7796
    • Schatznasen- Der Katzenblog
  • NOF-Version: NOF 11
  • System: Windows Vista
  • System-Typ: 32bit
Polaroid-Photobar-Gallery in NetObjects Fusion einbinden
« Antwort #9 am: 15. September 2013, 22:49:54 »
Um den Code besser überblicken zu können, fügt ihn am besten zuerst in einen Editor - z.B. den Windows-Editor - ein...

Screenshots sind nur für Mitglieder sichtbar. Bitte einloggen oder registrieren.
« Letzte Änderung: 16. September 2013, 10:53:50 von nettesekel »
Kannst du so machen, dann isses halt kacke.

Fragen - die inhaltlich ins Forum gehören - sind grundsätzlich im Forum zu stellen und werden auch nur dort beantwortet, damit Alle durch deren Erörterung lernen und von ihr profitieren können. Anfragen dieser Art per PN bleiben unbeantwortet!


Avatar: fotolia.com  rat © Oleg Kozlov

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 7796
    • Schatznasen- Der Katzenblog
  • NOF-Version: NOF 11
  • System: Windows Vista
  • System-Typ: 32bit
Re: Polaroid-Photobar-Gallery in NetObjects Fusion einbinden
« Antwort #10 am: 15. September 2013, 23:20:10 »
Wenn ihr den Code angepasst und eingefügt habt, alle Dateien per FTP auf den Server geschoben habt und die fertige Galerie-Seite ebenfalls auf euren Server publiziert habt, dann sollte eure Galerie in voller Pracht zu sehen sein.

Ich wünsche euch viel Erfolg!

« Letzte Änderung: 14. März 2014, 11:32:54 von nettesekel »
Kannst du so machen, dann isses halt kacke.

Fragen - die inhaltlich ins Forum gehören - sind grundsätzlich im Forum zu stellen und werden auch nur dort beantwortet, damit Alle durch deren Erörterung lernen und von ihr profitieren können. Anfragen dieser Art per PN bleiben unbeantwortet!


Avatar: fotolia.com  rat © Oleg Kozlov

Deutschsprachiges NOF - Forum

Support und Tutorials rund um das Thema NetObjects Fusion

 


Wenn dir dieser Artikel gefallen hat, dann empfehle ihn doch weiter... ;)