• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Dreamweaver+Image-Popup-Fenster

F

fertigesser

New member
Tach
Ich beschäftige mich erst seit wenigen Tagen mit HTML, da ich eine Page machen möchte. Bis jetzt klappt das auch ganz gut. Nun möchte ich, dass beim Klick auf ein Thumbnail das Foto in einem Popup geladen wird... hab auch schon das Forum durchsucht und mir das Script aus der Darenbank geladen und ausprobiert. Aber ich schaffs nicht :(

Ich benutze Dreamweaver:
Kann man an die Stelle wo jetzt "javascript:;" (bei "Hyperlink") steht nicht direkt so einen Code einfügen? Das wär doch wirklich ne feine Sache :cool:
java_question.jpg


Oder wie kann man das am einfachsten bewerkstelligen?

Danke & Grüsse
fertigesser
 
Zuletzt bearbeitet:
Ich kenn mich zwar mit DW nicht aus, aber i.d.R. sollte dieses Feld dazu dienen, um im QT das <a>-Tag zu füllen, also JA.

Du gibst also sowas in der Art
Code: 
javascript:window.open("bild.jpg","","height=250,width=400,scrollbars=no")
(javascript zusammen schreiben!) ein. In diesem Beispiel ist die Größe des Fensters jetzt festgelegt, kannst du aber auch weglassen.

Sollte das nicht klappen, kannst du mit Dreamweaver doch den Quelltext auch "manuell" bearbeiten. Solltest du Schwierigkeiten damit haben, kannst du ja hier fragen oder einen Blick in SelfHTML werfen :)

Gruß,
Colja
 
Na, das ging ja flott :)
Danke dir! Werds grad mal probieren :D

BTW: Ich habe Javascript auch zusammen geschrieben, aber wenn man das in Anführungs- und Schlusszeichen schreibt, scheint es dazwischen automatisch einen Leerschlag zu geben ;)
 
schau mal in das Verhaltensfenster (engl. Behaviours) von DW, da kannst Du Popups und andere Spielereien einrichten
 
java script:window.open("bild.jpg","","height=250,width=400,scrollbars=no")
Zum Vergrößern anklicken....

(Javascript zusammengeschrieben) funktioniert nicht. Passiert einfach nichts. Hab Dateinamen und Auflösung verändert und das Pic befindet isch im gleichen Ordner wie die htm-Datei.
Wenn ich mit der Maus drüberfahre, erscheint allerdings so eine "Anklick-Hand".
Vielleicht liegts daran, dass ich zwischen den ,"", in der Mitte nichts habe? Was kommt den da rein?

Gruss
fertigesser

Edit:
@Albu
Ich werds versuchen :)
 
Zuletzt bearbeitet:
Also ich hab im IE mal Rechtsklick gemacht und "Verknüpfung kopieren" gedrückt. Dann irgendwo eingefügt und siehe da, es erscheint nur folgendes: "javascript:window.open("

Dann nochmal im DW aufgemacht, und dort steht plötzlich (also nach dem speichern) in der Eingabeleiste (dort wo ich den COde eingegeben habe) auch nur das wie oben...
 
Dann gib das ganze direkt im Quelltext ein. Der Link sollte dann so aussehen:
Code: 
<a href="javascript:window.open("bild.jpg","","height=250,width=400,scrollbars=no")">[BILD]</a>
oder mit onClick
Code: 
<a href="#" onclick='window.open("bild.jpg","","height=250,width=400,scrollbars=no")'>[BILD]</a>

Gruß,
Colja

[Edit]Wie mir scheint, kennt Albu sich mit DW besser aus, also solltest du dir diese Verhaltens-Sache im Programm auch mal anschauen[/Edit]
 
Quelltext:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<a href="javascript:window.open("brunnen2.jpg","test","height=480,width=640,scrollbars=no")"><img src="1stufe/pics/brunnen2_klein.jpg" width="110" height="146" border="0"></a>
</body>
</html>
Zum Vergrößern anklicken....

@Albu
Bitte keine Rätsel :D, denn ich praktisch hab Null Ahnung.
Ahja: Im DW find ich mit "Verhalten" zwar Funktionen wie Pop-Up, jedoch nicht in der Richtung von Image-Po-pup oder Ähnlichem

Edit:
Thx Colja, ich werds grad probieren :)
 
Und obwohl das Bild im Gleichen Ordner wie die Seite selbst (nicht wie das Thumbnail, dann ist nämlich der Code falsch!) gespeichert ist, funktioniert das nicht???
 
Colja schrieb:
Und obwohl das Bild im Gleichen Ordner wie die Seite selbst (nicht wie das Thumbnail, dann ist nämlich der Code falsch!) gespeichert ist, funktioniert das nicht???
Zum Vergrößern anklicken....

Nein geht nicht.
Ich hab jetzt mal einen neuen Ordner erstellt und das Thumbnail (brunnen2_klein.jpg) und die grosse Version (brunnen2.jpg) darein getan. Die htm auch in dem Ordner gespeichert. Es funzt noch immer nicht; Quellext (vielleicht kann das ja mal jemand bei sich mit anderen pics probieren):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<a href="javascript:window.open("brunnen2.jpg","brunnen2","height=480,width=640,scrollbars=no")"><img src="brunnen2_klein.jpg" width="110" height="146" border="0"></a>
</body>
</html>
Zum Vergrößern anklicken....

@Colja
Die zwei Versionen von dir da oben funktionieren jedoch
Es ist eben so, dass ich von HTML etc sehr wenig Ahnung habe... Ich möchte das bei etwa 20 Thumbainls machen, die alle auf einer htm-Seite sind...
Und im DW-Verhalten finde ich nichts in der Richtung (Dreamweaver MX!)...
 
"javascript:window.open('brunnen2.jpg','brunnen2','height=480,width=640,scrollbars=no')"

Und wenn das nicht geht einfach mal in'ne funktion auslagern. Und wenn's dann noch nicht geht, mal überlegen, ob ervielleicht nur htm, html, php etc. Dateien öffnen kann.
 
kasimir83 schrieb:
"javascript:window.open('brunnen2.jpg','brunnen2','height=480,width=640,scrollbars=no')"
Zum Vergrößern anklicken....

So gehts tatsächlich, danke :)
Allerdings wird mit dem Klick auf das Bild die Seite mit dem Thumbnail weiss und es steht oben links [object].
 
fertigesser schrieb:

@Albu
Bitte keine Rätsel :D, denn ich praktisch hab Null Ahnung.
Ahja: Im DW find ich mit "Verhalten" zwar Funktionen wie Pop-Up, jedoch nicht in der Richtung von Image-Po-pup oder Ähnlichem
Zum Vergrößern anklicken....
was hat das mit Rätseln zu tun?

Und ein generelles Popup, welches man mit einer _beliebigen_ URL füttern kann ist nicht gut genug?!? Tja ein spezielles Imagepopup gibt es standardmäßig eben nicht, sorry. Vielleicht probierst Du es einfach mal aus, das "normale" Popup, bevor Du es gleich (ungesehen) für unzureichend erklärst.

fertigesser schrieb:
Allerdings wird mit dem Klick auf das Bild die Seite mit dem Thumbnail weiss und es steht oben links [object].
Zum Vergrößern anklicken....
Ich kann mich nur wiederholen: Benutz ein DW-Verhalten!
 
Albu schrieb:


Ich kann mich nur wiederholen: Benutz ein DW-Verhalten!
Zum Vergrößern anklicken....

Ah geil!
Hab die Menü erst gar nicht gefunden und hab immer bei den Codefragmenten gesucht und gesucht *g*
Da kann man ja extrem viel einstellen!
So macht das ja hammer-Spass :D

Danke euch allen :)
 
Aber wieso funktioniert das jetzt mit ' anstatt " ? Ich hab den gleichen Befehl mit " auf meiner HP eingebunden und es funktioniert...:rolleyes:

Gruß,
Colja
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben