Das Bild in einem kleinen Fenster öffnen

bigtail · 28.06.2003, 12:22

Hallo,
bei viele Homepages ist es so, dass wenn man auf einem Thumbsnail (mit Hyperlink verseht) klickt, nur ein kleines Fenster geöffnet wird, in dem das große Bild zu sehen ist.

Ich hoffe, ihr weißt, was ich meine

Wie realisiert man sowas?

so long

Thomas · 28.06.2003, 12:46

entweder mit scripten/extensions, die ein Fotoalbum erzeugen ...

DW hat unter 'Befehle' da eine eingebaute Möglichkeit, als (deutlich bessere) Extension für DW gibt es dann z.B. noch 'webphotoalbum 2.1'

PS hat unter -> Datei -> Automatisieren -> Webfotoalbum auch eine 'eingebaute' Funktion dafür

Tools wie ACDSee, IrfanView u.ä. können das auch ...

oder 'per Hand' kannst du das mit einem 'PopUp' lösen oder in DW dafür wieder die Extension 'Just So Picture It' verwenden ...

bigtail · 28.06.2003, 13:09

Ich meine sowas:

bild.html
<body>
<img src="test.jpg" width="500"/>
<a href="#" onClick="window.close('popup.php')">Fenster schliessen</a>
</body>

popup.php
<a href="#" onClick="window.open('popup.php', 'Name','toolbar=no,status=no,menubar=no,width=500,height=400')">
<img src="03.jpg" width="135" height="127" /></a>

Was mich allerdings an dieses funktionierendes Skript wundert, ist dass ich die Zeilen nicht innerhalb der <?php ?> oder <script></script> schreiben muss.

Warum? ist das nicht ein PHP- oder Java-Skript?

Thomas · 28.06.2003, 13:35

das ist ein ganz normales PopUp

die Funktion basiert auf js

falls du mit DW arbeitest, ist die einfachste Art und Weise, dieses zu erzeugen, die o.g. Extension 'Just So Picture It'

aber auch mit DW-Boardmitteln kannst du über -> Fenster -> Verhalten -> +-Zeichen -> neues Browserfenster öffnen so ein PopUp erzeugen.

andere Editoren (GoLive, Frontpage ...) werden ähnliche Funktionen haben, kenne ich mich aber nicht mit aus ...

bigtail · 28.06.2003, 13:49

Zitat:

die Funktion basiert auf js

sollte dan nicht das ganze innerhalb <script language="java script"></script> geschrieben werden??

Thomas · 28.06.2003, 13:50

das script selber steht meist im <head>

im <body> erfolgt dann nur noch der Aufruf

bigtail · 28.06.2003, 18:19

Bitte entschuldigt mich, wenn ich nachhacke. Bin etwas durcheinander.

Und zwar kann mir jemand sagen, warum das hier funktioniert?
Nirgends steht <script>...</script> oder sowas. Reine HTML, und es funktioniert trotzdem mit "onClick"!!!!!

Es sind zwei HTML-Dateien. Eine beinhaltet ein "Thumbsnail" und wenn man darauf klickt öffnet sich die andere HTML-Datei mit dem großen Bild.

HTML-Datei mit Thumbsnail
<html>
<head>
<title>foto.html</title>
</head>

<body>
<a href="#" onClick="window.open('popup.html', 'Name','toolbar=no,status=no,menubar=no,width=500,height=400')">
<img src="test.jpg" width="135" height="127" /></a>
</body>
</html>

HTML-Datei mit dem Bild in Originalgröße
<html>
<head>
<title>popup.html</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>

<body>
<img src="test.jpg" width="500"/>
<a href="#" onClick="window.close('popup.php')">Fenster schliessen</a>
</body>
</html>

Thomas · 28.06.2003, 18:31

gib' doch mal bitte einen Link auf deine Beispielseite

LimaX · 28.06.2003, 18:45

Der script-Tag schließt Scripte ein, um dem html-verarbeitenden Browser zu sagen: "Achtung, das hier ist eine JavaScript-Funktion und kein Html, also bitte bearbeite das gesondert."
Das 'onclick' steht allerdings in einem html-Tag. Der Browser bearbeitet also den html-Tag, der ein kleines bißchen durch die JavaScriptanweisung aufgemotzt wird. Er kann das also ohne weiteres bearbeiten, während er bei komplexen Funktionen und reinen JavaScript-Befehlen durcheinander kommen würde, da er ja eine html-Datei bearbeitet und html zum Bearbeiten erwartet.

Ist etwas umständlich erklärt, aber ich hoffe, man versteht, was ich meine.

bigtail · 28.06.2003, 19:07

LimaX,
Du meinst es liegt an der Fehlerkorrektur des Browsers??
Wenn Ja, wie wäre die richtige (richtigere) Schreibweise??

LimaX · 28.06.2003, 20:47

Nein, es ist alles richtig geschrieben.
In einer html-Datei erwartet der Browser html zum Verarbeiten. Kommt nun JavaScript-Code kann der Browser nicht damit umgehen, da dies kein html ist. Er würde eine Fehlermeldung ausgeben. Deshalb sagt ihm der Script-Tag, daß der umschlossene Text als Script interpretiert werden muß. Welche Interpretationssprache zu nutzen ist, bekommt der Browser dann im Script-Tag mitgeteilt.
Das onclick steht ja nicht alleine, sondern als Erweiterung eines Tags, deshalb versteht der Browser das auch.

Vielleicht erklärt Selfhtml das besser ..

bigtail · 29.06.2003, 02:13

Danke, jetzt habe ich kappiert.