Deutschsprachiges NOF - Forum

Support und Tutorials rund um das Thema NetObjects Fusion

collapse

* Wichtige Mitglieder-Information

Aufgrund der anstehenden gesetzlichen Änderungen in Sachen Datenschutz habe ich am 03.05.2018 eine umfassende Bereinigung unserer Datenbanken vorgenommen.

Bei dieser Bereinigung habe ich alle personenbezogenen und privaten Daten unserer Mitglieder aus den Mitglieder- , Beitrags- und Nachrichtendatenbanken gelöscht.

Konkret von der Löschung betroffen waren hierbei im Wesentlichen folgende Daten:

persönliche Avatare
E-Mail-Adressen
Angaben zum Wohnort
Angaben zum Geschlecht
Angaben zu Alter und Geburtstag
IP-Adressen
Websites und Websitetitel
Signaturen
Angaben zu diversen Messengern
Passwörter
Sicherheitsfragen und -antworten
Angaben zur verwendeten Programmversion
Angaben zum verwendeten Betriebssystem
sämtlicher persönlicher Schriftverkehr in Form privater Nachrichten

Beste Grüße nettesekel

* Friendship

DER Katzenblog – mit tollen Tipps und Ideen für deine Katze(n) <3

Die letzten Beiträge

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

0 Mitglieder und 1 Gast betrachten dieses Thema.

Offline mmclp

  • Junior Mitglied
  • **
  • Beiträge: 39
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
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
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
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?

Offline mmclp

  • Junior Mitglied
  • **
  • Beiträge: 39
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
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 »

Offline mmclp

  • Junior Mitglied
  • **
  • Beiträge: 39
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
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 »

Offline mmclp

  • Junior Mitglied
  • **
  • Beiträge: 39
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
Re: Bilder als Bildershow einbauen
« Antwort #10 am: 11. März 2015, 14:56:54 »
So ist er richtig...  :)

Offline mmclp

  • Junior Mitglied
  • **
  • Beiträge: 39
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
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 -->

Offline mmclp

  • Junior Mitglied
  • **
  • Beiträge: 39
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
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?

Deutschsprachiges NOF - Forum

Support und Tutorials rund um das Thema NetObjects Fusion