Supportnet Computer
Planet of Tech

Supportnet / Forum / Skripte(PHP,ASP,Perl...)

Originalbild in neuem Fenster





Frage

Hallo, ich bin blutige Anfängerin was Java script betrifft. Nun habe ich auf meiner Page viele Bilder und möchte gerne, das bei Anklick des Thumbs ein neues Fenster in Originalgröße des Bildes auf geht. Nun meine Fragen: welches script brauche ich? wie baue ich es ein wo bekomme ich es her? würde mich freuen, bald antwort zu erhalten. lg nati

Antwort 1 von rfb

am einfachsten - ohne das störanfällige JavaScript - mit einem ganz einfachen Link:

<a href="grossesbild.jpg" type="image/jpeg" target="GROSS"><img src="kleinesbild.jpg" width=" ... " height=" ... " alt="Miniatur von Grosses Bild"></a>


die von dir gedachten JavaScript-PopUps werden oft blockiert, bzw. JavaScript selbst ist oft aus Sicherheitsgründen deaktiviert - es wäre schade um deine Bilder, wenn sie niemand anschauen könnte.

Antwort 2 von Nati_44

hallo,
danke für die schnelle antwort, doch anscheinend bin ich zu blond.
ich gebe statt"grossesbild.jpg" den ort ein, wo sich das bild bei mir auf dem rechner befindet, richtig?
bei "kleinesbild.jpg" ebenfalls, dann gebe ich die maße von dem großen bild an und dann?

hoffentlich nerve ich nicht zu sehr!

lg nati

Antwort 3 von rfb

in <img src="kleinesbild.jpg" width=" ... " height=" ... " alt="Miniatur von Grosses Bild"> stehen die Maße des kleinen Bildes, ansonsten ist deine Interpretation zutreffend.

das Ganze (von <a ... bis </a>) ergibt ein anklickbares Thumb, ein Klick darauf öffnet ein neues Fenster mit dem goßen Bild.

Antwort 4 von Kati007

Hallo Nati,
1. fürs Thumbnail auf deiner Seite:

<a href="seite.htm" onFocus="if (this.blur) this.blur()" onclick= "window.open(´seite.htm´,´bildname´,´width=300, height=253, scrollbars=no, menubar=no, resizable=no, toolbar=no, status=no´); return false;"><img border="0" src="kleines_bild.gif" width="157" height="150"></a>

2. neue HTM-Seite fürs Bild anlegen, dort in den Body:

<div style="left: 0; top: 0; width:250; height:336; position:absolute">
<img src="grosses_bild.gif" width="250" height="336" border="0" alt="blabla">

mfg
Kati

Antwort 5 von Nati_44

Danke für Eure Mühe,
doch ich glaube so richtig ist das alles nicht, denn ich möchte ja das nur ein fenster aufgeht so groß wie das originalbild. so aber geht eine neue seite auf, das habe ich ja im moment. doch mir gefällt es besser wenn nur so en pop up aufgeht.

lg nati

Antwort 6 von rfb

studier doch mal dieses Beispiel auf SelfHTML: http://de.selfhtml.org/javascript/objekte/window.htm#open

Im Ggs. zum Code von Kati007 funktioniert der auch bei deaktiviertem JavaScript - eine Möglichkeit, die immer eingeplant werden muss/sollte.

Außerdem findest du dort alle erläuterungen. um den Code an dein Problem anzupassen.

Antwort 7 von Kati007

@ Nati,
also wenn du den Code richtig liest, dann öffnet sich in der Größe des Bildes die HTM-Seite. Und in dieser Seite befindet sich dann das Bild.
Guck doch mal auf meine Homepage. Dort habe ich das bei den Fotomontagen auch so gemacht.
http://www.kerstinsprivatewelt.de

@ rfb
Das läuft auch ohne Java.

Antwort 8 von Nati_44

hallo kati und rfb

ich werde das jetzt probieren bis es klappt. ich muss nur lernen was ich wo ersetzen muss.

habe ich das richtig verstanden, ich muss für jedes bild eine eigene seite erstellen?

lg nati

Antwort 9 von Kati007

Hallo Nati,
so hab ich es jedenfalls gemacht.
Es gibt aber noch viele andere Möglichkeiten. Aber bei den meisten ist dann JavaScript mit im Spiel.
mfg
Kati

Antwort 10 von rfb

<html><head><title>Test</title>
<script type="text/javascript">
function FensterOeffnen (Adresse,w,h) {
  Fenster1 = window.open(Adresse, "Zweitfenster", "width="+w+"height="+h+",left=100,top=200");
  Fenster1.focus();
}
</script>
</head><body>
<p><a href="grossesbild.jpg" onclick="FensterOeffnen(this.href,300,200); return false"><img src="kleinesbild.jpg" ...></a></p>
</body></html>


in diesem Beispiel wird nur die Bilddatei (grossesbild.jpg) und dessen Größe (300,200) übergeben, es braucht keine Extra-HTML-Datei.

@Kati007: sorry, das onblur hat mich verwirrt - wozu dient das überhaupt?

Antwort 11 von Kati007

Hallo rfb,
dein Script ist aber ein JavaScript. Hast du deine Meinung von oben geändert? Abgesehen davon. Viele Internetsurfer deaktivieren ihr Java. Dann ist von den Bildern nix mehr zu sehen.
Was meinst du mit onblur? Wo steht das?
Du meinst bestimmt this.blur. Damit wird die Linkumrandung, die beim draufklicken auf den Link ensteht, unterbunden.
Aber, wie gesagt Nati muss selbst entscheiden.
mfg
Kati

Antwort 12 von Nati_44

hallo ihr beiden,

es hat nach mehreren anläufen mit katis methode geklappt. mann das ist aber eine menge arbeit, wenn ich für jedes bidl auch noch eine eigene html datei erstellen muss.

geht das nicht nur mit der biddatei ohne dass es java ist?

weil möchte ja schon, das man meine bilder sieht.

lg nati

Antwort 13 von Kati007

Hallo Nati,
kopiere den HTML-Code und füge ihn an den Stellen, wo er sich wiederholt, einfach ein. Und nimmst nur noch die Änderungen für das jeweilige Bild vor. Damit ersparst du dir viel Arbeit.
Aber! Jeder Fleiß wird belohnt. Viel Spaß.

Kati

PS: Hast du noch Fragen, dann schreibe mir einfach eine Mail.

Antwort 14 von Nati_44

Hallo Kati,
danke für Deine Hilfe. Werde wohl in den sauren Apfel beissen, da es einfach schöner aussieht.

lg Nati

Antwort 15 von rfb

@Kati007:
Zitat:
Hast du deine Meinung von oben geändert?
Nö - aber des Menschen Wille ist sein Himmelreich. Und wenns denn schon unbedingt JavaScript sein muss, dann wenigstens halbwegs barrierefreies...