Bild soll sich extern im kleinen Fenster öffnen

[_Leviathan_]

N´Abend,

bin gerade dabei eine Seite für eine Freundin zu erstellen: Stadt Dargen - Ferien auf dem Sperlingshof.

Da ist noch längst nicht alles fertig, also bitte keine Anmerkungen über etwaige Fehler über meine Frage hinaus. ;)

Mein Problem: Unter dem Punkt Ferienwohnungen sind kleine Vorschaubilder. Will man sie größer sehen, so muss man raufklicken. Gut wäre, wenn sich dann nur ein kleines Fenster extern öffnet. Wie mache ich das?

Derzeit fällt mir nur ein, dass ich jedes der acht Bilder auf eine Unterseite packen und dann verlinken kann? Also mit solch einem Quellcode: <a href="http://www.X.HTML"><img src="i/x.jpg" border="0" alt="x"></a>

Aber die Version mit dem kleinen Fenster finde ich schicker. Weiß jemand Rat?

Beste Grüße und Danke schon mal im Vorraus,
Levi

 

[cruizer.eu]

am besten geht das mit der Funktion window.open im Javascript...

 

[_Leviathan_]

Hm, Javascript wollte ich da, weil keinen Plan davon, nicht mehr einbauen.

Bin gerade dabei nun doch die - eigentlich, so dachte ich - simple Variante zu nehmen... die funktioniert aber auch nicht recht.

Also:

So sieht ein Text zu den Vorschaubildern auf der Seite (Stadt Dargen - Ferien auf dem Sperlingshof) aus:

<a href="Wohnzimmer1.html"><img src="i/Wohnzimmer1 klein.jpg" border="0" alt="Wohnzimmer1 klein"></a>


Nun habe ich eine Wohnzimmer1.html-Datei angelegt und dort im body-Teil lediglich <img src="i/Wohnzimmer1 groß.jpg" border="0" alt="Wohnzimmer1 groß"> angegeben. Aber auf der Seite Stadt Dargen - Ferien auf dem Sperlingshof ist kein Bild zu sehen.

Datei-Bezeichnungen und Verknüfungen sind soweit eigentlich richtig. Habe keinen kleinen Schreibfehler oder so drin.

 

[Efchen]

Hm, Javascript wollte ich da, weil keinen Plan davon, nicht mehr einbauen.

Tja, manchmal sind die einzigen Lösungen die, wovon man keinen Plan hat. Dann muss man darauf verzichten (in diesem Fall besser) oder sich einen Plan machen.
Bei der JavaScript-Variante musst Du Dir natürlich doppelte Arbeit machen, weil Du auch dafür sorgen musst, dass was passiert, wenn JavaScript nicht aktiviert ist. Dann sollte sich das Bild in einer eigenen Seite (statt eines eigenen Fensters) öffnen. Mit Popupblockern wirst Du da u.U. auch anecken.

Aber auf der Seite Stadt Dargen - Ferien auf dem Sperlingshof ist kein Bild zu sehen.

Es wird der alt-Text angezeigt. Also ist entweder die Angabe im src-Attribut falsch oder die dort angegebene Datei (im Unterverzeichnis "i"?) ist nicht vorhanden.

Datei-Bezeichnungen und Verknüfungen sind soweit eigentlich richtig.

Kann ja nicht sein. Wenn dem so wäre, würde ja das Bild angezeigt werden.

Ich würde auf jeden Fall das Leerzeichen aus dem Dateinamen entfernen.

Und auch wenn Du sonst keine Kommentare willst, wenn ich Deine Listen sehe, die keine Listen sehe, dann kann ich mir nicht verkneifen, Dich darauf hinzuweisen. Es ging um die Ausstattung der Wohnungen, die sind nicht als Liste ausgezeichnet.

Gruß,
-Efchen

 

[_Leviathan_]

Hey Efchen,

Danke fürs Feedback.

Die simple Variante funktioniert doch. Wusste nicht, dass ich lediglich bei a href auf die image-datei verlinken muss. Anfänger halt.
(<a href="i/Wohnzimmer1_groß.jpg" target="_blank"><img src="i/Wohnzimmer1_klein.jpg" border="0" alt="Wohnzimmer1 klein"></a>)

Ansonsten hattest du recht bzgl. der Leerzeichen. Habe da nun Unterstriche eingefügt und auch die Umlaute getilgt, bei den zwei anderen Bildern die ebenfalls nicht angezeigt wurden.

Und auch wenn Du sonst keine Kommentare willst, wenn ich Deine Listen sehe, die keine Listen sehe, dann kann ich mir nicht verkneifen, Dich darauf hinzuweisen. Es ging um die Ausstattung der Wohnungen, die sind nicht als Liste ausgezeichnet.

Ich schnitt die Bilder zu und Offline, wie auch jetzt Online, sieht der Block mit den unteren Vorschaubildern genau so aus, wie ich es wollte. Daher ließ ich es erst mal so. Bin noch nicht allzu firm, was html angeht... werde mir aber mal die Listenvarianten, wovon du schreibst, beizeiten ansehen.

Danke.

Gruß,
Levi

 

[Efchen]

Die simple Variante funktioniert doch.

Bedingt.
Denn Dein target="_blank" bewirkt bei mir zum einen, dass das Image in einem neuen Tab meines Browsers geöffnet wird, zum anderen meinen Unmut darüber, warum die Website jetzt meint, ich würde ein neues Tab haben wollen, nur um mir ein neues Bild anzusehen.
Zum einen wirst Du sagen, dass _blank aber ein neues Fenster öffnet, darauf antworte ich Dir: Bei mir nicht. Ich hab das in meinem Browser anders eingestellt, weil ich es verabscheue, wenn eine Website neue Fenster öffnet.
Zum anderen will ich Dich damit aufrütteln, wie Du das fändest, wenn ein neues Tab aufgeht...nur für ein Bild!
Man ist heutzutage dazu übergegangen, den Nutzer des WWW nicht zu bevormunden und ihn selbst entscheiden zu lassen. Links sollte man immer im aktuellen Fenster öffnen, die Browser bieten Möglichkeiten, das in einem neuen Tag oder neuen Fenster zu öffnen, wenn der Nutzer das will! Wenn Du aber target=_blank angibst, habe ich leider nicht mehr die Möglichkeit, den Link im aktuellen Fenster+Tab anzeigen zu lassen. Das nervt mich als Nutzer und Deine Website bekommt dicke Minuspunkte.
Das sieht man nicht zuletzt daran, dass das target-Attribut ab XHTML 1.0 Strict aus dem HTML-Standard verschwunden ist.

Bin noch nicht allzu firm, was html angeht.

Der erste Schritt zu einer ansprechenden Website ist HTML. Nur mit gutem HTML erreicht man eine 100%ige Nutzbarkeit und Barrierefreiheit der Site, nur mit fehlerfreiem HTML kann darauf aufgebautes CSS das darstellen, was man sich vorstellt. Ohne HTML kann man nichtmal eine Seite im Web publizieren. Also muss HTML sitzen, bevor man sich an Weiteres wagt.

Viel Spaß weiterhin,
-Efchen