So, ich versuche mal ein paar grundlegende Dinge zu erklären.
Aber zunächst legst du bitte mal 2 Dinge ab:
1. die Erwartung, dass alles sofort funktionieren muss
2. die Erwartung, dass du hier gleich zur Schnecke gemacht wirst, weil du nicht sofort alles verstehst.
Es spricht nicht gegen dich, dass dir das häufige Nachfragen unangenehm ist, aber Aufgeben ist auch keine Lösung.
So, alles was du auf einer Website siehst, ist irgendwo auf dem Server hinterlegt und wird von dort aus aufgerufen. Damit der Browser weiß, wo die Sachen liegen, gibt es Pfadangaben im Quelltext der Seite. Ein Pfad kann absolut angegeben sein, also mit
www.deine-Webadresse.de/bilder/bild.jpg oder relativ. Bei relativen Pfaden fehlt die Webadresse vorweg und die Pfade beginnen meist so / so ./ oder so ../ also /bilder/bild.jpg
Genauso ist es auch bei den Dateien deiner Galerie.
Du hast zwei Codes in deine Seite eingebunden. Einmal den Code zwischen den Head-Tags, welcher dem Browser "sagt" wo auf deinem Server die Scripts und Styledateien zu finden sind, die deine Galerie benötigt um richtig zu laufen.
<!-- Start VisualLightBox.com HEAD section -->
<link rel="stylesheet" href="test_files/vlb_files1/vlightbox1.css" type="text/css" /> <link rel="stylesheet" href="test_files/vlb_files1/visuallightbox.css" type="text/css" media="screen" /> <script src="test_files/vlb_engine/jquery.min.js" type="text/javascript"></script> <script src="test_files/vlb_engine/visuallightbox.js" type="text/javascript"></script> <!-- End VisualLightBox.com HEAD section -->
In diesem Code finden sich 4 Pfade zu 4 Dateien, die benötigt werden.
test_files/vlb_files1/vlightbox1.css
test_files/vlb_files1/visuallightbox.css
test_files/vlb_engine/jquery.min.js
test_files/vlb_engine/visuallightbox.jsDieser Pfad zum Beispiel
test_files/vlb_engine/visuallightbox.js bedeutet
es gibt einen Ordner
test_files auf dem Server
in dem Ordner
"test_files" liegt ein Ordner
"vlb_engine" und in diesem Ordner liegt die Datei
"visuallightbox.js"Da diese 4Pfade alle ohne ./ beginnen bedeutet das für den Browser dass der Ordner "test_files" in dem selben Ordner liegt, wie die Seite, auf welcher die Galerie zu sehen ist. Heißt, liegt die Seite "galerie.html" im Ordner "Test" muss auch der Ordner "test_files" in diesem Ordner liegen.
------------------------------------------------------------------------------------------------
Der Ordner "test_files" beinhaltet alle Dateien die der Browser benötigt um deine Galerie anzeigen zu können. Die Pfade in dem zweiten Code, den du in das Textfeld eingefügt hast führen zu deinen Bildern.
Wenn du dir mal einen solchen Pfad ansiehst, wirst du erkennen, dass auch hier wieder der Ordner "test_files" an erster Stelle steht.
test_files/vlb_images1/dsc05565.jpg
Was bedeutet, dass auch alle Bilder in diesem Ordner und seinen Unterordnern zu finden ist.
--------------------------------------------------------------------------------------
Du musst also neben den Codeeinfügungen in deiner Seite, mit welchen du dem Browser vorgibst, welche Dateien wo zu suchen sind nun nur noch dafür sorgen, dass der Browser diese Dateien auch an der angegebenen Stelle finden kann.
Ich hoffe, das war jetzt nicht allzu verwirrend.
Wenn du deine Galerie vom Programm generieren lässt, dann öffnet sich die Galerie ja zunächst mal in einem Browserfenster und du kannst dir eine Vorschau ansehen. Wenn du in diesem Fenster oben in die Adresszeile siehst, erkennst du an dem Pfad dort, wo auf deinem PC die Galerie gespeichert ist. Diesen Speicherort musst du aufsuchen und den Ordner "test_files" von dort aus auf deinen Webserver kopieren. Und zwar in den selben Ordner in dem auch deine Galerieseite liegt.
----------------------------------------------------------------------------
Hochladen kannst du das Ganze mit einem FTP-Programm wie FileZilla.
Wie man dieses Programm bedient hat Dada in einem Tutorial erklärt:
https://www.nof-community.de/publizieren-mit-nof-oder-ftp-programm/arbeiten-mit-filezilla-%28ftp-publizierung%29/