Anleitung: (Mehrere) Bilder im Beitrag mit Vorschaubild

Hallo zusammen,

im nächstem Beitrag ist die Anleitung. Ihr seit zum Testen recht herzlich eingeladen.

Bitte berichtet mir über Eure Erfahrungen. Verbesserungsvorschläge sind immer recht herzlich willkommen.

Viele Grüsse Franz

Die Idee geht auf einen Beitrag von Yorkshireman zurück https://www.dampfbahner.net/wbb2/thread.php?threadid=896&sid=, der die Möglichkeit gefunden hat, mehrere Bilder in einem Beitrag anzeigen zu können.
Diese Idee habe ich aufgegriffen und so erweitert, dass Vorschaubilder (Tumbnails) angezeigt werden. Erst beim Draufklicken wird das eigentliche Bild geladen und angezeigt.
Dadurch werden beim Forumsbeitrag -besonders bei grossen Bildern- kurze Ladezeiten erreicht. Ausserdem ist das grundsätzlich übertragene Datenvolumen kleiner (alle die keine Flatrate haben werden dankbar sein)

Im Folgenden werde ich die einzelnen Schritte einfach und nachvollziehbar mit Bildern dokumentieren.

Die Arbeitsschritte:

Schritt 1 Das Bild von Digitalkamera, Foto-CD... auf den eigenen Rechner übertragen. Speicherort merken!!

Schritt 2 Das Bild auf einen öffentlichen Webserver laden, Link kopieren (Unterteilt in Einzelschritte)

Um die Bilder in die Beiträge zu bringen, müssen die Bilder auf einem öffentlichem Server stehen. Dazu gibt es sogennante Image-Hostig-Server. Auf ihnen können ohne Kosten und Anmeldung Bilder gespeichert werden. Wer einen eigene Webseite hat, kann die Aufnahmen auch dort unterbringen.

Als Anbieter sind mir folgende bekannt:
1. http://picsplace.to/
2. http://imageshack.us/
. Eigener Webseite

Die nächsten Schritte beschreibe ich für die Anbieter getrennt, da es dort Unterschiede gibt.

Nur zur Info - kann übersprungen werden: Jeder Anbieter lässt nur bestimmte Dateiformate und maximale Dateigrössen zu. In der Regel sind wir von diesen Beschränkungen nicht betroffen. Das Dateiformat ist die Dateiendung .xxx , ist jedoch unter Windows jedoch nicht immer zu sehen. Die Standardformate werden von alle Anbietern zugelassen. Diese sind für Fotos das JPG oder JPEG Format, für Plankopieen oder Strichzeichnugen das GIF bzw. PNG Format.

Schritt 2a

Anbieter 1: http://picsplace.to/
es erscheint folgende Seite

dort auf die Schaltfläche <Durchsuchen...> klicken
weiter Schritt 2b

Anbieter 2: http://imageshack.us/
es erscheint folgende Seite

dort auf die Schaltfläche <Durchsuchen...> klicken
weiter Schritt 2b

Eigene Webseite:
Für das Vorschaubild das Bild bitte verkleineren (ca. 150*150 Pixel) und unter anderem Namen abspeichern (z.B. Bild1Vor.jpg). Beide Bilder (das Grosse und das Vorschaubild) auf den Server laden. Links merken (http:/ /......) weiter Schritt 3

Schritt 2b Datei auswählen
Anbieter 1 und 2
das Fenster "Datei auswählen" öffnet sich.

Hier das geünschte Bild auswählen und "öffnen" anklicken ( oder Doppelclick auf die Datei)

Schritt 2c
Picsplace _____________Imageshack

Upload ______________ host it!
drücken. Das Bild wird nun hochgeladen

Schritt 2d Link kopieren

Anbieter 1: http:/ /picsplace.to
es erscheint nun folgendes Fenster:

der Link ist im Feld "forum link (clickable thumbnail):" angegeben. Den Text markieren (1 mal klicken). Rechte Maustaste, kopieren.

Anbieter 2: http:/ /imageshack.us
es erscheint nun folgendes Fenster

den Link ist im Feld "Thumbnail for forums (1)" angegeben. Den Text markieren (3 mal klicken). Rechter Maustaste, kopieren.

Schritt 3 Link einfügen

Anbieter 1, 2
kopierten Link in Nachricht einfügen

Eigene Webseite:
Der Link wird manuell erstellt.
Hinweis: Die Leerzeichen nicht mit eingeben!! Hier waren sie nötig, damit der Link als Text geschrieben wird.
Folgenden Text in der Nachricht eingeben:
[ URL=Link-grosses-Bild][ IMG]Link-Vorschau-Bild[ /IMG][ /URL]

Schritt 4
Und nun ist das Bild im Beitrag. So schaut das Ergebnis aus:
(Dampfspektakel Plochingen 2004)

picsplace:

Imageshack:

Franz

Stand 21.09.2005