Bild nach Klick im gleichen Fenster vergrößern

MasterKKK · 20. April 2006, 20:18

Hallo,

da es sich um Javascript/Ajax handelt eröffne ich hier einen neuen [coderwiki]Informationen/Thread[/coderwiki].
Meine Frage bezieht sich auf das folgende Thema:

easy-coding.de/img-size-hilfe-t717.html

Also zu meiner Frage:
Wenn ein Bild größer ist als die angegebenen Werte, wird es ja kleingedrückt. Das die Qualität der Bilder leidet ist ja klar. Nun möchte ich aber, dass man nach klick auf das Bild, die volle Qualität der Bilder sehen können. Ein Beispiel dazu gibt es hier:

bilder-hosting.de/show/8JZKY.html

Gibt es diesbezüglich eine einfache Lösung?
Wäre für Hilfe sehr dankbar!

Vielen Dank schonmal.

Torben Brodt · 20. April 2006, 20:46

verstehe ich nicht ganz..

wenn man in der galerieansicht ist, klickt man auf den link und dann lädt eine neue seite mit dem großen bild
ich sehe da keinen "effekt"

vielleicht verwechselst du es mit einem browser feature..
wenn das bild größer ist, als die seite verkleinern [coderwiki]Informationen/Firefox[/coderwiki] und IE die bilder.
klickt man dann auf die bilder werden sie wieder größer

MasterKKK · 20. April 2006, 20:52

"d0nUt" schrieb:

wenn man in der galerieansicht ist, klickt man auf den link und dann lädt eine neue seite mit dem großen bild
ich sehe da keinen "effekt"

Nein, ich möchte nicht, dass ein neues Fenster geöffnet wird. Wie man im Beispiel sieht vergrößert sich das Bild nach Klick im selben Fenster. Also man kann das Bild ohne Qualitätsverlust betrachten.

"d0nUt" schrieb:

vielleicht verwechselst du es mit einem browser feature..
wenn das bild größer ist, als die seite verkleinern firefox und IE die bilder.
klickt man dann auf die bilder werden sie wieder größer

Nein, ich verwechsle es nicht, aber so in der Art wäre es gut. Es soll halt nur auf der selben Seite dargestellt werden. Also mit Ajax. Ich hoffe du verstehst was ich meine.

Torben Brodt · 21. April 2006, 13:00

achso...
dann machs einfach so

Quellcode

<img src="kleinesbild.jpg" onclick="this.src='grossesBild.jpg'" alt="" />

MasterKKK · 21. April 2006, 13:25

Das würde zwar gehen wenn ich zwei Bilder hätte. Allerdings habe ich nur ein Bild.

Also ich versuche es nocheinmal zu erklären.
Ich habe ein großes Bild. Sagen wir mal 1024x768. Damit dieses Bild nicht sofort das ganze [coderwiki]Informationen/Layout[/coderwiki] zerstört wird es an die Seite angepasst. Wie du mir in diesem Thread erklärt hast:

easy-coding.de/img-size-hilfe-t717.html

Nun möchte man aber das Bild ohne Qualitätsverlust betrachten, da wenn es an die Seite angepasst wird, es ziemlich leidet. An diesem Beispiel kann man es sehr deutlich erkennen.

bilder-hosting.de/show/8JZKY.html

Wenn man auf das kleingepresste Bild klickt, erhält man das größere ohne Qualitätsverlust. Ich hoffe ich habe mich jetzt verständlicher ausgedrückt.
[/url]

Max123 · 21. April 2006, 13:51

Du hat doch schon alles vor Augen liegen.
Ich kenn mich zwar in JS nicht aus, aber vllt geht das:

Quellcode

echo "<img src="$bild_url" width="$breite" height="$hoehe" onclick=\"this.width='$ist_breite';this.height='$ist_hoehe'\">";

MasterKKK · 21. April 2006, 14:40

Vielen Dank!
Es funktioniert. Aber geht es auch, dass das Bild nach einem erneuten Klick wieder kleiner wird?

Max123 · 21. April 2006, 16:09

Dazu würde ich eine FUnktion schreiben:

Quellcode

echo "<img src="$bild_url" id="$bild_url" width="$breite" height="$hoehe" onclick=\"neueGroesse('$bild_url')\">";

In der Funktion wird dann vom Bild die Größe abgefragt und dementsprechend verändert.

wulfgang · 26. April 2006, 14:51

den browser bilder verkleinern lassen ist aber nicht sinnvoll, weil der browser dann trotzdem das komplette bild laden muss, und auch nicht so gut im skalieren ist. besser ist es, per php [coderwiki]Informationen/Thumbnail[/coderwiki]s zu erstellen:

:arrow: [coderwiki]HowTos/PHP-Thumbnails[/coderwiki]

70abc · 26. April 2006, 15:15

"wulfgang" schrieb:

den browser bilder verkleinern lassen ist aber nicht sinnvoll, weil der browser dann trotzdem das komplette bild laden muss, und auch nicht so gut im skalieren ist. besser ist es, per php thumbnails zu erstellen:

http://www.coder-wiki.de/HowTos/PHP-Thumbnails

Sofern z.B. imagemagic zur Verfügung steht könnte man die Bilder auch [coderwiki]Informationen/On-the-fly[/coderwiki] verkleiner/vergrößern, was aber an der Serverlast zieht...

70abc

Bild nach Klick im gleichen Fenster vergrößern

Bild nach Klick im gleichen Fenster vergrößern

"d0nUt" schrieb:

"d0nUt" schrieb:

Quellcode

Quellcode

Quellcode

"wulfgang" schrieb:

Teilen

Benutzer online 1

Tags