• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bild in neuem Fenster öffnen

Status
Für weitere Antworten geschlossen.

dieSavvy

Neues Mitglied
Hallo! Auf meine Homepage möchte ich meine alten Layouts mit dem Text "1. Layout", "2. Layout" (oder so) verlinken. Wenn man dann also z.B. auf "1. Layout" klickt, soll sich in einem neuen Fenster ein Screenshot dieses Layouts öffnen. Allerdings weiß ich das nicht wie ich das anstellen soll. Klar, ich könnte eine neue HTML-Seite verlinken in die ich einfach das Bild eingefügt habe, ich möchte aber, dass die neue Seite der Größe des Screens angepasst ist und KEINE Symbolleisten und keine Statusleiste hat. Mit einem einfachen Klick oben rechts ins rote Kreuz soll es wieder geschlossen werden können. Keine Scrollbalken oder so. Weiß da jemand Bescheid? Mit Javascript geht das doch am besten, oder?
 
So müsste es gehen
window.png


Pfad, höhe und breite müssen natürloch noch angepasst werden

hab versucht das als code einzufügen aber alles zwischen "javascript:" und ">" war im post unsichtbar :???:
 
hey!
Danke für die schnelle antwort.
Ich habs jetzt so gemacht:
HTML:
alte Layouts: <a href="javascript:void window.open('lay1.jpg', 'Bild', 'width=721, height=419');"></a><br>

Allerdings ist in der Ansicht dann nur "alte Layouts" zu sehen. Woran liegt das? Und sonst: Wofür steht das 'Bild'? Muss nicht noch oben irgendwas eingefügt werden mit <style type="text/javascript"></style>?

Gruß,
Lydia
 
Bild is der Name für das neue Fenster, ähnlich wie für einen frame
mehr zu window.open gibts hier

was den rest angeht:
ich seh nur das* und damit kann ich nicht wirklich was anfangen (deshalb hab ich das auch als Bild eingefügt)

*das hier
code.png


EDIT:
Grade, gesehen, du musst das, wo man draufklicken soll natürlich zwischen <a> und </a> schreiben
 
aaaahhh verdammte scheiße ich bin so dumm :roll:
Dankeschön, jetzt klappts.
Eine Sache noch: Im geöffneten fenster ist links und oben ein weißer rand und rechts und unten fehlt dafür ein stück. Wo muss ich denn das mit padding oder margin oder so hinschreiben?
Gruß,
Lydia
 
Dazu fallen mir 2 Möglichkeiten ein:

1. für jedes Bild eine eigene HTML-Seite erstellen und dann in dem Fester öffnen.

2. EIN Grundgerüst mit PHP erstellen (falls vorhanden) und nach diesem Schema aufrufen
code2.jpg

wobei img.php so oder so ähnlich aussehen sollte
PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="de">
    <head>
        <title>...</title>
        <meta http-equiv="content-type" content="application/xml+xhtml; charset=iso-8859-1" />
        <style type="text/css">
            body, img {
                margin:0;
                padding:0;
            }
        </style>
    </head>
    <body>
        <img src="<?php echo $_GET['bild']; ?>" alt="" />
    </body>
</html>
oder natürlich den weißen Rand ertragen und das Fenster etwas größer machen

EDIT:
kann mir mal einer sagen wieso das mit den code-tags bei window.open nicht funktioniert :???:
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben