Grafiken per Mouseklick vergrössern.

[Tanja]

hallo Leute ich bin ein blutiger Anfänger und habe auf meiner HP Bilder (jpg) eingebaut. So nun möchte ich, dass diese wenn ich draufklicke aufpoppen--- kann mir da bitte jemand schreiben was ich im Quelltext eingeben muss. Danke Tanja

[Bio]

Sup!

Vielleicht lernst Du erstmal, wie man eine RETURN-Taste benutzt (das ist die große rechts).
Dann darfst Du Selfhtml durchlesen ;-)

Gruesse,

Bio

[afra]

Hallo Tanja!

Du solltest schon einiges mehr an Information angeben, damit man Dir helfen. Am einfachsten aber wäre es das Bild mit einem größeren Bild zu verlinken, welches dann vergrößert dargestellt wird.

<a href="http://www.deinedomain.de/grossesbild.jpg" title="Vergrößere das Bild"><img src="http://www.deinedomain.de/kleinesbild.jpg" alt="kleines Bild"></a>

Du kannst natürlich im <a> auch noch einen target angeben, soweit dies Deine Dokumentdeklaration zulässt, damit der Aufur in ein neues fenster geht. Überlasse das öffnen von neuen Fenstern aber lieber dem Anwender selbst.

Schönen Gruß

Afra

[Tom]

Hello Tanja,

hallo Leute ich bin ein blutiger Anfänger und habe auf meiner HP Bilder (jpg) eingebaut. So nun möchte ich, dass diese wenn ich draufklicke aufpoppen--- kann mir da bitte jemand schreiben was ich im Quelltext eingeben muss.

Die Diskussion um JavaScript überlasse ich den Anderen *gg*

Du benötigst das Bild in der kleinen Größe, das gleich eingebunden ist
Dann benötigst Du das große Bild.

Das beste wird sein, Du baust auch mit dem großen Bild eine vailde HTML-Seite auf.
Und dann bindest Du die als Link ein:

<a href="grosses_bild.html"
     target="grosses_bild"
     onclick="gb = window.open(this.href,'grosses_bild','width=310,height=400,left=50,top=50');gb.focus;return false;"><img scr="kleines_bild.jpg" alt="Vorschau"></a>

und hier gibts noch mehr zu lesen über window.open.
http://de.selfhtml.org/javascript/objekte/window.htm#open

Funktionsbeschreibung:
Auf das Bild wird ein Link gelegt, der in einem eigenen Fenster geöffnet wird. Für den Fall, dass JavaScript aktiviert ist, wird der Trigger (onclick) den zugewiesenen Handler starten. Dieser öffnet ein neues Fenster, lädt die Ressource aus dem vorderen href und skaliert das Fenster. Anschließend lässt er das Fenster nach oben kommen (focus) und gibt als Ergebnis des Handlers 'false' zurück. dadurch wird verhindert, dass die eigentliche Aufgabe (href) noch ausgeführt wird.

So iann man also mit und ohne JavaScript das große Bild sehen.

Harzliche Grüße vom Berg
esst mehr http://www.harte-harzer.de

Tom

[Tom]

Hello Tanja,

jetzt habe ich eben selber nicht darauf geachtet, aber diese Aufgabe fällt nicht unter die Kategorie Grafik, sondern unter HTML oder JavaScript.

Harzliche Grüße vom Berg
esst mehr http://www.harte-harzer.de

Tom

[StefanD.]

Hallo,

wie wärs mit einer anderen Variante, die ich auch hier durch das Forum entdeckt habe: Das große Bild wird an die Stelle des kleinen Bildes gesetzt. Also so:
<a href="grossbild.jpg" onClick="this.firstChild.src='grossbild.jpg';return false;"><img src="kleinbild.jpg" alt="ganz tolles Bild"></a>

Fertig siehts so aus:
http://home.arcor.de/nordlandtouren/schottland_england_04/06t-schottland.htm

Grüße
StefanD.