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

script, um Bilder im neuen Fenster zu öffnen

R

rolli

New member
Hallo,
ich habe auf meiner Webseite eine Bidergalerie mit thumbnails. Beim Anklicken dieser thumbnails öffnet sich ein neues Browserfenster mit dem Originalbild. Jetzt suche ich ein script, bei dem sich nach anklicken des thumbnails eines neues Fenster öffnet, dass sich automatisch der Bildgröße anpasst. Ich habe bisher nur scripte gefunden, bei dem die Größe des sich öffnenden Fensters immer festgelegt ist (im Headbereich des scriptes). Da die Bilder aber unterschiedlich sind, macht das keinen Sinn.
Falls mir jemand weiterhelfen kann, wäre ich dankbar für einen genauen Hinweis, was in den Head- und was in den Body-Bereich rein muss (bin Anfänger;-)

ne schöne jrooß us Kölle
Rolf
 
veruchs mal so

<img src="bild.img" name="bild">
<script>
var a = bild.height
var b = bild.width

und dann

und dann mit document.write window.open mit den höhe a und der breite b angeben.

wenn das nicht geht, halt bei den bildern

<img src="bild.img" name="bild" height="" width="">

MfG
Fabian :)
 
Klick mal auf den kleinen Link vB code. Dort steht das alles drinnen. Fett/Kursiv/Unterstrichen ist wie HTML-Code, halt statt den <> kommt [] :D
 
Hallo,

was mache ich falsch. Ich möchte durch folgenden Code ein neues Fenster laden mit folgendem Inhalt....:

function haare()
{
x=window.open();
x.document.writein('<HTML><HEAD><TITLE>Haarlinien Effekt</TITLE>');
x.document.writein('<LINK rel="stylesheet" type="text/css" href="../../scripts/phdesign.css">');
x.document.writein('</HEAD><BODY>');
x.document.writein('<P class="us1">Tabellen mit Haarlinien Rahmen</P>');
x.document.writein('<DIV class="code"><P><TABLE cellspacing="0" cellpadding="0" border="0" bgcolor="red"><BR><TR><BR><TD><BR><TABLE cellspacing="1" cellpadding="5" border="0"><BR><TR><BR><TD bgcolor="yellow">...</TD><BR></TR><BR></TABLE><BR></TD><BR></TR><BR></TABLE></P></DIV>');
x.document.writein('<FONT class="stn">Beispiel-Lösung:</FONT>');
x.document.writein('<TABLE width="100" border="0" cellspacing="0" cellpadding="0" bgcolor="red">');
x.document.writein('<TR><TD>');
x.document.writein('<TABLE width="100" border="0" cellspacing="1" cellpadding="5">');
x.document.writein('<TR><TD bgcolor="yellow">Beispieltext</TD></TR></TABLE>');
x.document.writein('</TD></TR></TABLE>');
x.document.writein('</BODY></HTML>');
}

Kann mir evtl. jemand sagen, welchen Fehler ich mache, ich verstehe das einfach nicht.

MfG,

Patrick
 
Ach Mann!

Guckt doch mal richtig, bevor Ihr irgendwas abschreibt!

Ich habe irgendwo mal was gepostet mit document.writeln, dort ist auch so ein scheis passiert, das heißt writeLN und writeIN! zu Deutsch schreibeZeile nicht schreibrein!

cu

Script:

function haare()
{
x=window.open();
x.document.writeln('<HTML><HEAD><TITLE>Haarlinien Effekt</TITLE>');
x.document.writeln('<LINK rel="stylesheet" type="text/css" href="../../scripts/phdesign.css">');
x.document.writeln('</HEAD><BODY>');
x.document.writeln('<P class="us1">Tabellen mit Haarlinien Rahmen</P>');
x.document.writeln('<DIV class="code"><P><TABLE cellspacing="0" cellpadding="0" border="0" bgcolor="red"><BR><TR><BR><TD><BR><TABLE cellspacing="1" cellpadding="5" border="0"><BR><TR><BR><TD bgcolor="yellow">...</TD><BR></TR><BR></TABLE><BR></TD><BR></TR><BR></TABLE></P></DIV>');
x.document.writeln('<FONT class="stn">Beispiel-Lösung:</FONT>');
x.document.writeln('<TABLE width="100" border="0" cellspacing="0" cellpadding="0" bgcolor="red">');
x.document.writeln('<TR><TD>');
x.document.writeln('<TABLE width="100" border="0" cellspacing="1" cellpadding="5">');
x.document.writeln('<TR><TD bgcolor="yellow">Beispieltext</TD></TR></TABLE>');
x.document.writeln('</TD></TR></TABLE>');
x.document.writeln('</BODY></HTML>');
}
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben