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:
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.
<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
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.
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
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
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.
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.
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
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
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
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
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.
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
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...Hast du deine Meinung von oben geändert?