Suche einfache HTML Bilderanzeige

H

helmuel

Active member
Registriert
28 Aug. 2014
Beiträge
516
Hallo,
ich muss für einige Jahre eine sehr alte Webseite weiter pflegen, die in reinem HTML geschrieben ist.
Aufgrund des Alters der Zielgruppe sollen grössere Änderungen möglichst vermiedern werden.
Alle paar Wochen sollen etwa 10 JPG Bilder zusätzlich angezeigt werden.
Hierzu gibt es im Menu einen neuen Titel der auf eine neue Seite verzweigt.
In diese Seite wird für jedes JPG jeweils ein Vorschaubild angezeigt.
Nach Anklicken dieses Vorschau-Bildes wird das Bild gross angezeigt und ab dort kann man auf das nächste Bild weiterklicken.
Gibt es hierfür eine einfache Möglichkeit ?
 
Eine erfahrene Person mit ein bisschen freier Zeit könnte ein Python-Skript o.Ä. schreiben, um diese Aufgabe zu erledigen. Müsste auf die konkrete Webseite angepasst werden, aber ist sicherlich in der Summe weniger aufwändig, als eine vorgefertigte Web-Lösung in die bestehende Seite zu nageln.
 
helmuel schrieb:
Auf selfhtml habe ich leider nichts gefunden.
Zum Vergrößern anklicken....
Dort sollte stehen wie man eine Seite anlegt und per IMG Tag Bilddateien so einbindet, dass sie den Thumbnail aus Datei 123thumb.jpg anzeigen und bei Klick darauf dann 123.jpg geladen und groß angezeigt wird.
Wenn Bilder dazu kommen, sind ja bereits welche vorhanden, einfach mal in den Quelltext schauen, wie es gemacht wurde. Ist i.d.R. bei reinem HTML kein Hexenwerk aber manuell eben ein bißchen copy&paste + Korrektur der Dateinamen.
 
Es funktioniert ja bisher. Pro Bild esrtelle ich eine Datei:
<IMG SRC="23abcd08.jpg" width="960" height="720">
<br>
<table width="500">
<tr>
<td align=left>
<h4><A HREF="23abcd07.htm" style="text-decoration:none"><font color="#400040"> <-- Prev </font></a></h4>
</td>
<td align=center>
<h4><A HREF="23abcdfotos.html" style="text-decoration:none"><font color="#400040"> Index </font></a></h4>
</td>
<td align=right>
<h4><A HREF="23abcd09.htm" style="text-decoration:none"><font color="#400040"> Next --> </font></a></h4>
</td>
Zusätzlich gibt es noch 2 Bilddateien und eine xxxfotos.html.
Das ist relativ aufwändig und fehleranfällig.
Deshalb suche ich nach einer einfacheren Lösung.
 
Im Prinzip gibt es 3 Möglichkeiten:
- Skript schreiben, was die Datei selbst anlegt (wird kaum Arbeit ersparen und es nicht sonderlich viel anfälliger machen).
- Schauen, ob nicht doch ein CMS dahinter steckt (ich vermute aber, dass da irgendwas selbst gebasteltes dahinter steckt)
- Eine eigene, minimale Oberfläche basteln, über die man die Bilder selbst hochladen kann & die Dateien anlegt. Ist vmtl. relativ aufwendig und bei so einer veralteten Code-Basis sehr fraglich, ob sich das lohnt. Ohne Vorbildung wird da, mMn via DIY das ganze schwierig (vor allem, was die Sicherheit angeht).
- es weiter manuell machen.
 
Die Seite wurde vor über 20 Jahren in reinem HTML händisch gebastelt. Mit Sicherheit ohne CMS.
Das Hochladen der (auf einheitliches Format gebrachten) Bilder und der Thumbnails auf meinen Webserver ist problemlos.
Sollte es nichts einfaches fertiges geben, so muss ich eben ein Script schreiben, welches obige html pro Bild erstellt
 
Irgend ne Logik, abseits von HTML wird es vmtl. schon geben, da ja auch die Einbindung der neuen HTML-Datei passieren muss (die muss ja irgendworüber erreichbar sein, sprich irgendwo als Link eingebunden o.ä.).

Eine fertige Lösung dazu wirst du, denke ich, nicht finden. Du bräuchtest da ja auch jeweils noch ein Loginsystem/ne Absicherung usw.. Würde da, wenn du es unbedingt automatisieren willst, ein einfaches Bash-Script schreiben, was das Bild auf den Server per z.B. scp rüberschiebt & die HTML-Dateien anlegt + die entsprechenden Rechte vergibt. Ein wenig musst du sicherlich darauf achten, dass du die einzelnen Namen immer mit eingeben kannst (sprich per read z.B.). Dann geht es halbwegs.
 
Code: 
#!/bin/bash
echo '<body style="background-color:rgb(0,0,0);">' > index.html
for i in *.jpg; do
        echo "<img width=100% src=$i><br><br>" >> index.html
done
echo '</body>' >> index.html
 
Die übergeordnete Seite wird jeweils von mir manuell mit dem Verweis auf die neue html versehen.
Alle fertigen Seiten (2 plus 3 pro Bild) werden per filezilla auf eine Subdomain hochgeladen.
Der Zugriff auf diese Subdomain ist mit User und Passwort über .htaccess abgesichert
 
So etwas habe ich früher mit Word 2003 oder Word 2007 erzeugt.
  1. Leere Main Page als darstellbare HTML-Datei ...
  2. und für das Backup jeweils als DOC-Datei abspeichern.
  3. Zweispaltige, mehrzeilige Tabelle ohne sichtbare Linien erstellen.
  4. In die linke Spalte mit fester Spaltenbreite das verkleinerte JPG- oder PNG-Bild einfügen, ...
  5. in die rechte Spalte die Beschreibung des Bildes.
  6. Möglich ist auch eine dritte Spalte mit dem verlinkten Dateinamen.
Klickt man nun auf das kleine Vorschaubild der Main Page in einem Browser, wird das vorformatierte Vollbild geöffnet. Das Bild wird allerdings im ansonsten leeren Browser linksbündig angezeigt. Will man unbedingt ein zentriertes Bild anzeigen, muss man dafür eine eigene HTML-Datei anlegen, in der das Bild zentriert angezeigt wird und den Bild-Link durch einen HTML-Link ersetzen.

Hierbei hilft es je nach Anzahl der Bilder, diese zu nummerieren. Dadurch kann man z.B. den Dateinamen 0078.JPG automatisch durch 0078.HTML ersetzen.

Da die Main Page als HTML-Text vorliegt, kann man mit jeder Art von Script "draufgehen".
 
Zuletzt bearbeitet:
Das ist eine perfekte Aufgabe für eine Skript-Sprache. Ob man dafür konkret zu Python, Perl, Ruby o.Ä. greift, ist reine Geschmackssache (nur eine Shellsprache wie bash wäre dafür m.E. zu primitiv).

Wenn das Skript einmal da ist, könnte der Arbeitsablauf so aussehen: Bilder in einer Ordner legen, Skript laufen lassen, und eine neue HTML-Seite purzelt heraus. Wenn man Lust hat, kann man das Skript sogar noch den Upload erledigen lassen. Sowas ist fummelig und aufwändig einzurichten, aber wenn es einmal funktioniert, spart man mit jedem Durchlauf wertvolle Zeit und Ärger.
 
"Alle paar Wochen circa 10 Bilder" würde aber doch auch bedeuten, dass man vorhandene HTML-Dateien einfach kopieren und editieren könnte. Der Aufwand sollte dann jeweils 10 Minuten nicht überschreiten.
 
zwieblum schrieb:
Code: 
#!/bin/bash
echo '<body style="background-color:rgb(0,0,0);">' > index.html
for i in *.jpg; do
        echo "<img width=100% src=$i><br><br>" >> index.html
done
echo '</body>' >> index.html
Zum Vergrößern anklicken....
Ui, aufpassen. Wenn du das Skript dort ausführst, wo es schon eine index.html ist, ist die danach nicht mehr vorhanden. Und das ist ziemlich häufig ne Standarddatei, die ziemlich wichtig ist.

Abgesehen davon hast du dann alle Bilder in einer Datei. Lieber alles in eine Schleife stecken & den Namen der Bilddatei übernehmen mit fotos.html am Anschluss.
mtu schrieb:
nur eine Shellsprache wie bash wäre dafür m.E. zu primitiv)
Zum Vergrößern anklicken....
Das geht problemlos mit bash, incl. dem hoch schieben. Im Endeffekt Zwieblums Skript nehmen, erweitern (Namen, die festen Bestandteile in ne extra Datei packen, wenn man es schön machen will, ggf. Muss noch eine Abfrage nach allen Dateien im Ordner hinzugefügt werden. Anschließend per z.b. SCP hochladen.).

Andere Skriptsprachen sind vmtl. eleganter, aber naja.
 
Vielen Dank für Eure Tipps.

Da die "Zielgruppe" 85+ ist, möchte ich möglichst wenig Änderungen an der Optik und Bedienung.
Schon ein anderer Domainname und Änderung von Userid/Passwort war ein Problem.

Ich hatte Hoffnung, dass es für die recht einfache Aufgabenstellung etwas Fertiges gibt. Ist halt nicht.

Ich werde also ein Script schreben, welches die bisher manuell erstellte Html-Datei automatisch generiert.
Das ist dann vermutlich die einfachste Lösung für die vermutlich recht kurz notwendige zukünftige Laufzeit.

Vielen Dank, Helmut
 
Ich habe für genau solche Zwecke eine PHP-Galerie, die einfach die Bilder eines Ordner als Galerie darstellt und beim Anklicken eines Bildes selbiges groß anzeigt. Die Bilder werden automatisch klein gerechnet. Man muß also nur einen neuen Ordner anlegen, die Bilder reinkopieren, fertig.
 
Hallo netghost78,
Deine Beschreibung ist genau das, was ich mir vorstelle. PHP müsste beim Provider manitu dabei sein und Ordner verwenden ich jetzt auch.
Was möchtest Du dafür haben ?
Viele Grüße ,Helmut
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
  • ok1.de
  • thinkstore24.de
  • ok2.de - Notebook Computer Server
  • Preiswerte-IT - Gebrauchte Lenovo Notebooks kaufen

Werbung

Zurück
Oben