Deutschsprachiges NOF - Forum

Support und Tutorials rund um das Thema NetObjects Fusion

collapse

* Alles hat ein Ende...

Eine Weisheit der Dakota-Indianer sagt:
"Wenn Du entdeckst, dass Du ein totes Pferd reitest, steig ab!"

Vor fast fünf Jahren habe ich die NOF-Community gegründet und nachdem just zu diesem Zeitpunkt das „alte NOF-Forum“ quasi über Nacht vom Betreiber geschlossen wurde, war mein Forum für viele Nutzer von NetObjects Fusion eine willkommene Alternative.

Inzwischen sind weit über 5000 NetObjects-Nutzer in der NOF-Community registriert und täglich kommen weitere hinzu. An interessierten Mitgliedern fehlt es also nicht. Was aber fehlt, sind Mitglieder, die Lust haben, anderen Nutzern bei der Lösung ihrer vielfältigen Probleme in der Anwendung von NetObjects Fusion zu helfen. Vielleicht, weil viele von ihnen - ebenso wie ich - das Interesse an NOF verloren haben und zwischenzeitlich mit anderen Programmen arbeiten.

Aktuell ist es so, dass der Support wie die Kosten für den Betrieb der NOF-Community fast ausschließlich von mir übernommen werden. Dies, und die Tatsache, dass ich die Arbeit mit NetObjects Fusion nicht mehr für zeitgemäß halte, veranlasst mich, den aktiven Forenbetrieb zu beenden. Die Beiträge, Tipps und Anleitungen aus den letzten Jahren stehen ab heute nur noch als Nachschlagewerk zur Verfügung.

Ich bedanke mich an dieser Stelle ganz herzlich bei allen, die mich und die NOF-Community in den vergangenen Jahren unterstützt haben.

Beste Grüße nettesekel

Die letzten Beiträge

Autor Thema: Bilder als Bildershow einbauen  (Gelesen 3965 mal)

0 Mitglieder und 1 Gast betrachten dieses Thema.

Offline mmclp

  • Junior Mitglied
  • **
  • Beiträge: 39
  • NOF-Version: NOF 13
  • System: Windows 10
  • System-Typ: 64bit
Bilder als Bildershow einbauen
« am: 10. März 2015, 21:48:25 »
Hallo,
zur Zeit bastel ich an meiner neuen Homepage, um allen Modellbahninteressierten Eindrücke meiner Modellbahn geben zu können. Dazu sollen natürlich auch Fotos als Diashow eingebunden werden. Häufig bin ich schon über ein Bilderprogramm gestolpert, dass auf vielen Internetseiten verwendet wird. z.B. Miniatur-Wunderland, wenn man das Bild anklickt, öffnet sich das Bild und man kann dann in Ruhe weiterblättern. Schau hier: http://www.miniatur-wunderland.de/anlage/multimedia/foto/galerie/flughafen/airport-terminal/ Bei mir läuft es im Moment ein wenig anders, schau hier: http://www.mueller-cloppenburg.de/Modellbahn/Projekt-aktuell/Bildergalerie/Bauphase/bauphase_0.html , das ist mir zu langweilig. Kennt jemand das Programm vom Miniatur-Wunderland? Wie kann ich so eine Darstellung mit Netobjects relisieren. Vielen Dank für Eure Unterstützung.

Offline Tao

  • Profi Mitglied
  • *****
  • Beiträge: 505
Re: Bilder als Bildershow einbauen
« Antwort #1 am: 10. März 2015, 22:24:34 »
Hallo mmclp!

Das ist eine der vielen Lightbox-Varianten.

Die bekannteste Version dürfte wohl die "Visual Lightbox" sein.
Eine ähnliche Variante stellt auch die "Visual Slideshow" dar, die bewegte Bilder zeigt.

Der Einbau in NOF ist recht einfach und bei solchen Tools fast immer identisch.

Beide obigen Varianten kannst du auch in meiner Beispielseite ansehen:
http://tao1997.cwsurf.de/3/html/visual_slideshow.html
http://tao1997.cwsurf.de/3/html/visual_lightbox.html

Noch ein ähnliches Beispiel ist "jAlbum" das unterschiedliche Templates bietet. Dazu ein Beispiel findest du hier:
http://tao1997.cwsurf.de/3/html/jalbum.html

LG Tao
« Letzte Änderung: 10. März 2015, 22:30:00 von Tao »

Offline mmclp

  • Junior Mitglied
  • **
  • Beiträge: 39
  • NOF-Version: NOF 13
  • System: Windows 10
  • System-Typ: 64bit
Re: Bilder als Bildershow einbauen
« Antwort #2 am: 10. März 2015, 22:50:04 »
Hallo,
vielen Dank, die Light Box scheint das richtige zu sein, werde ich morgen mal testen!

Offline mmclp

  • Junior Mitglied
  • **
  • Beiträge: 39
  • NOF-Version: NOF 13
  • System: Windows 10
  • System-Typ: 64bit
Re: Bilder als Bildershow einbauen
« Antwort #3 am: 11. März 2015, 11:42:21 »
Hallo,
habe das Programm installiert, wo muss ich denn nun welchen Ordner hinkopieren in NetObject. Das erste Erstellen einer Test Bilderreihe hat finktioniert, auch habe ich den Index mit einem Editor geöffnet, aber irgendwie funktioniert es nicht. Die Anleitung auf der Seite vom Programm ist irgendwie für mich nicht verständlich. Vielleicht könnt Ihr mich nochmal unterstützen. Vielen Dank! (cry)

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
    • Schatznasen- Der Katzenblog
  • NOF-Version: NOF 11
  • System: Windows Vista
  • System-Typ: 32bit
Re: Bilder als Bildershow einbauen
« Antwort #4 am: 11. März 2015, 12:05:20 »
Bist du in der Lage deine Testgalerie mal online zu stellen? Also den Ordner mit der Galerie auf deinen Server laden und den Link zur Verfügung stellen?
Der neue Katzenblog mit vielen Tipps und Ideen für Katzenhalter.

Fragen - die inhaltlich ins Forum gehören - sind im Forum zu stellen und werden nur dort beantwortet. Anfragen dieser Art per PN bleiben unbeantwortet!


Avatar: fotolia.com  rat © Oleg Kozlov

Offline mmclp

  • Junior Mitglied
  • **
  • Beiträge: 39
  • NOF-Version: NOF 13
  • System: Windows 10
  • System-Typ: 64bit
Re: Bilder als Bildershow einbauen
« Antwort #5 am: 11. März 2015, 12:29:30 »
Hallo,
vielen Dank für die Rückmeldung, wie meinst du das genau, verstehe ich so nicht. Bisher habe ich HTML Codes auf der Seite eingefügt, da erscheint allerdings nur die Schrift.
Diesen Link findest du hier: http://www.mueller-cloppenburg.de/Modellbahn/Anlage-2006/anlage-2006.html

Vielleicht hift das, danke!

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
    • Schatznasen- Der Katzenblog
  • NOF-Version: NOF 11
  • System: Windows Vista
  • System-Typ: 32bit
Re: Bilder als Bildershow einbauen
« Antwort #6 am: 11. März 2015, 12:59:39 »
OK, ja ein wenig hilft das schon.  :)
Der Code, den du da eingefügt hast, muss zunächst mal wieder raus.

Dann teilen wir den Code ein wenig auf. Einige Teile benötigen wir gar nicht, ein Teil kommt zwischen die Head-Tags deiner Seite und der andere Teil kommt in ein Textfeld.

Der erste Abschnitt wird nicht benötigt:
Code: HTML5
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  3.         <head>
  4.                 <title>Test1 generated by VisualLightBox.com</title>
  5.                 <meta http-equiv="content-type" content="text/html;charset=utf-8" />
  6.                 <meta name="keywords" content="Test1, VisualLightBox, LightBox, Photo Gallery, rails lightbox gallery, ajax gallery lightbox" />
  7.                 <meta name="description" content="Test1 created with VisualLightBox, a free wizard program that helps you easily generate beautiful Lightbox-style web photo galleries" />


Der nächste Abschnitt gehört zwischen die Head-Tags deiner Seite, vorzugsweise ins Laypout-HTML. Eine Anleitung zur Einfügung findest du bei Bedarf hier: http://www.nof-community.de/code-oder-codeschnipsel-an-der-richtigen-stelle-einfuegen/code-zwischen-den-head-tags-der-seite-einfugen/
Code: HTML5
  1.                                 <!-- Start VisualLightBox.com HEAD section -->
  2.                 <link rel="stylesheet" href="test_files/vlb_files1/vlightbox1.css" type="text/css" />
  3.                 <link rel="stylesheet" href="test_files/vlb_files1/visuallightbox.css" type="text/css" media="screen" />
  4. <script src="test_files/vlb_engine/jquery.min.js" type="text/javascript"></script>
  5.                 <script src="test_files/vlb_engine/visuallightbox.js" type="text/javascript"></script>
  6.                 <!-- End VisualLightBox.com HEAD section -->

Dieser Teil wird wieder nicht benötigt
Code: HTML5
  1.         </head>
  2.         <body bgcolor="#ffffff">

Und dieser Teil wird in ein Textfeld eingefügt, welches dort platziert wird, wo die Galerie erscheinen soll. Anleitung zur Einfügung: http://www.nof-community.de/code-oder-codeschnipsel-an-der-richtigen-stelle-einfuegen/sodort-fugt-man-code-schnipsel-ein/
Code: HTML5
  1.                 <!-- Start VisualLightBox.com BODY section id=1 -->
  2.         <div id="vlightbox1">
  3.         <a class="vlightbox1" href="test_files/vlb_images1/dsc05565.jpg" title="DSC05565"><img src="test_files/vlb_thumbnails1/dsc05565.jpg" alt="DSC05565"/></a>
  4. <a class="vlightbox1" href="test_files/vlb_images1/dsc05575.jpg" title="DSC05575"><img src="test_files/vlb_thumbnails1/dsc05575.jpg" alt="DSC05575"/></a>
  5. <a class="vlightbox1" href="test_files/vlb_images1/img_1719.jpg" title="IMG_1719"><img src="test_files/vlb_thumbnails1/img_1719.jpg" alt="IMG_1719"/></a>
  6. <a class="vlightbox1" href="test_files/vlb_images1/img_1720.jpg" title="IMG_1720"><img src="test_files/vlb_thumbnails1/img_1720.jpg" alt="IMG_1720"/></a>
  7. <a class="vlightbox1" href="test_files/vlb_images1/img_1722.jpg" title="IMG_1722"><img src="test_files/vlb_thumbnails1/img_1722.jpg" alt="IMG_1722"/></a>
  8. <a class="vlightbox1" href="test_files/vlb_images1/img_2172.jpg" title="IMG_2172"><img src="test_files/vlb_thumbnails1/img_2172.jpg" alt="IMG_2172"/></a>
  9. <span class="vlb"><a href="http://visuallightbox.com">flash gallery with lightbox</a>by VisualLightBox.com v6.1</span>
  10.         </div>
  11.         <script src="test_files/vlb_engine/vlbdata1.js" type="text/javascript"></script>
  12.         <!-- End VisualLightBox.com BODY section -->


Der letzte Schnipsel wird wieder nicht benötigt.
Code: HTML5
  1.         </body>
  2. </html>


Außerdem solltest du den Ordner "test_files" in den Ordner auf deinem Server schieben, in dem auch die html-Seite liegt in der die Galerie eingebunden ist.
Wenn du das erledigt hast kann man mal gucken, ob schon alles läuft und ggf. nachbessern.  :)
« Letzte Änderung: 11. März 2015, 13:01:32 von nettesekel »
Der neue Katzenblog mit vielen Tipps und Ideen für Katzenhalter.

Fragen - die inhaltlich ins Forum gehören - sind im Forum zu stellen und werden nur dort beantwortet. Anfragen dieser Art per PN bleiben unbeantwortet!


Avatar: fotolia.com  rat © Oleg Kozlov

Offline mmclp

  • Junior Mitglied
  • **
  • Beiträge: 39
  • NOF-Version: NOF 13
  • System: Windows 10
  • System-Typ: 64bit
Re: Bilder als Bildershow einbauen
« Antwort #7 am: 11. März 2015, 14:32:01 »
Hallo, habe versucht deine Änderungen zu befolgen, klappt aber noch nicht, hier nun der neue Link: http://www.mueller-cloppenburg.de/Modellbahn/Anlage-2006/anlage-2006.html
Vielleicht hast du noch ein ewnig Geduld mit mir, danke!

Außerdem solltest du den Ordner "test_files" in den Ordner auf deinem Server schieben, in dem auch die html-Seite liegt in der die Galerie eingebunden ist.
Wenn du das erledigt hast kann man mal gucken, ob schon alles läuft und ggf. nachbessern.

Was meinst du genau damit?
« Letzte Änderung: 11. März 2015, 14:33:36 von mmclp »

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
    • Schatznasen- Der Katzenblog
  • NOF-Version: NOF 11
  • System: Windows Vista
  • System-Typ: 32bit
Re: Bilder als Bildershow einbauen
« Antwort #8 am: 11. März 2015, 14:50:16 »
Also zunächst mal hast du die Einfügung, die zwischen die Head-Tags gehört ans Body-Ende eingefügt. So funktioniert das nicht. Am besten nimmst du alles nochmal raus und nimmst mal eine ganz neue leer Seite und dann machst du dir ein Käffchen, entspannst dich und gehst es ganz in Ruhe an. So Sachen sind immer kompliziert, wenn man sie zum ersten Mal macht, deshalb ist Ruhe bewahren oberstes Gebot.  ;-)

Dann befinden sich noch einige der Schnipsel im eingefügten Code, von denen ich gesagt hatt, dass sie nicht benötigt werden. Kontrolliere und behebe diese Fehler bitte.

Die Codeabschnitte die in deine Seite gehören beginnen und enden beide mit einem Kommentar. Alles was vor dem "öffnenden" oder nach dem "schließenden" Kommentar kommt, gehört nicht mit zum benötigten Code.

Mit Kommentare meine ich das:

<!-- Start........... --> ("öffnender" Kommentar)
...
benötigter Code
...
<!-- End............ -->  ("schließender" Kommentar)

Im Prinzip sagen dir die Kommentare schon welche Codeabschnitte du benötigst. :)



Zitat
Außerdem solltest du den Ordner "test_files" in den Ordner auf deinem Server schieben, in dem auch die html-Seite liegt in der die Galerie eingebunden ist

Damit meine ich, dass der Ordner mit den Scripts und Bildern mit Hilfe eines FTP-Programms auf deinen Webserver geladen werden muss, denn sonst können die Bilder ja nicht angezeigt werden, bzw. die Scripts nicht ausgeführt werden.
« Letzte Änderung: 11. März 2015, 14:58:25 von nettesekel »
Der neue Katzenblog mit vielen Tipps und Ideen für Katzenhalter.

Fragen - die inhaltlich ins Forum gehören - sind im Forum zu stellen und werden nur dort beantwortet. Anfragen dieser Art per PN bleiben unbeantwortet!


Avatar: fotolia.com  rat © Oleg Kozlov

Offline mmclp

  • Junior Mitglied
  • **
  • Beiträge: 39
  • NOF-Version: NOF 13
  • System: Windows 10
  • System-Typ: 64bit
Re: Bilder als Bildershow einbauen
« Antwort #9 am: 11. März 2015, 14:55:47 »
Dann erde ich mir erstmal einen Kaffee organisieren! Melde mich dann heute Abend wenn etwas Ruhe eingekehrt ist! Danke

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
    • Schatznasen- Der Katzenblog
  • NOF-Version: NOF 11
  • System: Windows Vista
  • System-Typ: 32bit
Re: Bilder als Bildershow einbauen
« Antwort #10 am: 11. März 2015, 14:56:54 »
So ist er richtig...  :)
Der neue Katzenblog mit vielen Tipps und Ideen für Katzenhalter.

Fragen - die inhaltlich ins Forum gehören - sind im Forum zu stellen und werden nur dort beantwortet. Anfragen dieser Art per PN bleiben unbeantwortet!


Avatar: fotolia.com  rat © Oleg Kozlov

Offline mmclp

  • Junior Mitglied
  • **
  • Beiträge: 39
  • NOF-Version: NOF 13
  • System: Windows 10
  • System-Typ: 64bit
Re: Bilder als Bildershow einbauen
« Antwort #11 am: 11. März 2015, 16:05:20 »
So habe eine neue Seite angelegt, nur mit den Voreinstellungen Masterrahmen etc.
siehe hier: http://www.mueller-cloppenburg.de/Modellbahn/Test/test.html

Die Bilder habe ich auf den Server hochgeladen, hat wohl funktioniert, da ich keine Fehlermeldung erhalten habe! Aber angezeigt wird noch nichts. Vielleicht hilft dann gleich ein weiterer Kaffee!

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
    • Schatznasen- Der Katzenblog
  • NOF-Version: NOF 11
  • System: Windows Vista
  • System-Typ: 32bit
Re: Bilder als Bildershow einbauen
« Antwort #12 am: 11. März 2015, 17:16:09 »
Diese Code ist an der falschen Stelle eingefügt. Der MUSS ziwschen die Head-Tags.

Code: HTML5
  1. <!-- Start VisualLightBox.com HEAD section -->
  2.                 <link rel="stylesheet" href="test_files/vlb_files1/vlightbox1.css" type="text/css" />
  3.                 <link rel="stylesheet" href="test_files/vlb_files1/visuallightbox.css" type="text/css" media="screen" />
  4. <script src="test_files/vlb_engine/jquery.min.js" type="text/javascript"></script>
  5.                 <script src="test_files/vlb_engine/visuallightbox.js" type="text/javascript"></script>
  6.                 <!-- End VisualLightBox.com HEAD section -->
Der neue Katzenblog mit vielen Tipps und Ideen für Katzenhalter.

Fragen - die inhaltlich ins Forum gehören - sind im Forum zu stellen und werden nur dort beantwortet. Anfragen dieser Art per PN bleiben unbeantwortet!


Avatar: fotolia.com  rat © Oleg Kozlov

Offline mmclp

  • Junior Mitglied
  • **
  • Beiträge: 39
  • NOF-Version: NOF 13
  • System: Windows 10
  • System-Typ: 64bit
Re: Bilder als Bildershow einbauen
« Antwort #13 am: 11. März 2015, 17:37:25 »
Habe den Code jetzt meiner Ansicht nach an die richtige Stelle plaziert. Leider passiert immer noch nichts!

http://www.mueller-cloppenburg.de/Modellbahn/Test/test.html

Kann es wohl doch am Hochladen liegen! Siehe ScreenShot!

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
    • Schatznasen- Der Katzenblog
  • NOF-Version: NOF 11
  • System: Windows Vista
  • System-Typ: 32bit
Re: Bilder als Bildershow einbauen
« Antwort #14 am: 11. März 2015, 17:55:27 »
Nein, nein... immer eins nach dem Anderen.  :)
Die Einfügung scheint jetzt korrekt platziert. Nun liegen die Dateien allerdings noch nicht da, wo es die Pfade angeben.

Was genau hast du hochgeladen und wohin hast du es hochgeladen?
Der neue Katzenblog mit vielen Tipps und Ideen für Katzenhalter.

Fragen - die inhaltlich ins Forum gehören - sind im Forum zu stellen und werden nur dort beantwortet. 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