Bilder im (Auf Bild) skalierten Browserfenster anzeigen...

smileyyy

Vice Admiral Special
Mitglied seit
14.12.2003
Beiträge
973
Renomée
3
Grüße euch, ich suche jetzt schon lange nach einer Lösung.

Ich stelle jetzt hier meinen Standard-Code rein und würde euch SEHR dankbar sein wenn ihr mir hier den richtigen Code einfügen könnt, sodass das gelinkte Bild in einem

Browserfenster aufgeht, welches exakt die Größe des Bildes hat, ohne Symbolleisten usw.

Der Code:

<td width="22%" height="110">
<a href="Bilder/Natur/G_15.jpg"><img src="Bilder/Natur/K_15.jpg" alt="" width="130" height="98" border="0" /></a></td>

Dies ist ein Thumbnail welches auf das Original verlinken soll.

TN: K_15.jpg,
Original G-15.jpg

Ich hoffe ihr könnt mir da helfen.
 
Das ganze kannst du mit JavaScript lösen.
HTML:
<a href="<!-- Link -->" target="picture" onClick="window.open('','picture','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=<!-- Breite in Pixeln -->,height=<!-- Höhe in Pixeln -->,titlebar=yes')"><img src="<!-- Link zum Bild" alt="<!-- Alternativtext -->"></a>
In deinem Fall:
HTML:
<a href="Bilder/Natur/G_15.jpg" target="picture" onClick="window.open('','picture','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=130,height=98,titlebar=yes')><img src="Bilder/Natur/K_15.jpg" alt="" width="130" height="98" border="0" /></a>
Müsste eigentlich funktionieren :)

Mehr dazu bei SelfHTML.org

MFG Max
 
Klingt mal super, leider ist mein Thumbnail jetzt einfach weg? Kein Link, Kein kleines Bild mehr auf der Site.

Muss ich irgendwo erwähnen dass das jetzt Java ist?

Ein <! oder so irgendwo?
 
Oh, ich sehe gerade das ich ein " vergessen hab :-[
HTML:
<a href="Bilder/Natur/G_15.jpg" target="picture" onClick="window.open('','picture','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=130,height=98,titlebar=yes')"><img src="Bilder/Natur/K_15.jpg" alt="" width="130" height="98" border="0" /></a>
Außerdem wäre wohl innerheight bzw innerwidth besser geeignet, also:
HTML:
<a href="Bilder/Natur/G_15.jpg" target="picture" onClick="window.open('','picture','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,innerWidth=130,innerHeight=98,titlebar=yes')"><img src="Bilder/Natur/K_15.jpg" alt="" width="130" height="98" border="0" /></a>

MFG Max
 
Thou are my saviour. In Thou i trust.


Naja fast, im Mozilla gehts nämlich, im Ie aber nicht. Ie bringt ein ca halb so großes Fenster wie der Mozilla mit viel weißem rechten rand.

Aber DANKE schonmal.

EDIT: Indem ich das inner weglöschte machts der IE jetzt auch richtig groß auf, nur erscheint das Fenster rechts unten am Bildschirm. Kann man da bei Location was eingeben?

(Und geht es auch dass man das width/height weglässt und das Fenster so groß wird wie das Bild ist?)
 
Zuletzt bearbeitet:
"location" stellt lediglich ein ob die Adresszeile angezeigt werden soll oder nicht.
Du könntest versuchen "top=anzahl Pixel" und "left=anzahl Pixel" dazuzuschreiben. Ob das geht weiß ich aber nicht da ich sowas noch nie gemacht hab.
HTML:
<a href="Bilder/Natur/G_15.jpg" target="picture" onClick="window.open('','picture','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=130,height=98,titlebar=yes,left=100,top=100')"><img src="Bilder/Natur/K_15.jpg" alt="" width="130" height="98" border="0" /></a>

(Und geht es auch dass man das width/height weglässt und das Fenster so groß wird wie das Bild ist?)
Hmm.dann wird das Fenster wahrscheinlich mit der Standartgröße geöffnet, des bringt dir nix. Ich denke du müsstest wenn dann die Bildgröße auslesen lassen und das ganze mit Variablen dann lösen. Gehen tuts bestimmt, aber wie weiß ich nicht *noahnung*

MFG Max

EDIT: Dieser Thread könnte dich eventl interessieren, vorallem dieses Script:
HTML:
<html>
<head>
<title>image_popup-v2</title>
<script type="text/javascript" language="JavaScript">
<!--
 function show_image(img_name,img_source)
  {
   display_image = window.open("","_blank","location=no,menubar=no,resizable=yes,scrollbars=no,status=no,toolbar=no");
   display_image.document.open("text/html");
   display_image.document.writeln("<html>");
   display_image.document.writeln("<head>");
   display_image.document.writeln("<title>" + img_name + "</title>");
   display_image.document.writeln("<\/head>");
   display_image.document.writeln("<body marginwidth=\"0\" marginheight=\"0\" topmargin=\"0\" leftmargin=\"0\" style=\"margin:0px;\" onload=\"window.resizeTo(eval(document.images[0].width+24),eval(document.images[0].height+36))\">");
   display_image.document.writeln("<div align=\"center\"><img src=\"" + img_source + "\" alt=\"" + img_name + "\" border=\"0\"><\/div>");
   display_image.document.writeln("<\/body>");
   display_image.document.writeln("<\/html>");
   display_image.document.close();
  }
//-->
</script>
</head>
<body>
<h2>Bilder aus SELFHTML</h2>
<a href="http://selfhtml.teamone.de/grafik/anzeige/fotos/foto4.jpg" target="_blank" onClick="show_image('Foto','http://selfhtml.teamone.de/grafik/anzeige/fotos/foto4.jpg'); return false">Foto</a><br>
<a href="http://selfhtml.teamone.de/grafik/anzeige/cliparts/clip02.gif" target="_blank" onClick="show_image('Clipart','http://selfhtml.teamone.de/grafik/anzeige/cliparts/clip02.gif'); return false">Clipart</a><br>
<a href="http://selfhtml.teamone.de/grafik/anim_gif2.gif" target="_blank" onClick="show_image('Animated Gif','http://selfhtml.teamone.de/grafik/anim_gif2.gif'); return false">Animated Gif</a><br>
<br>
<tt>Linkschema: <a href="Dateiname" target="_blank" onClick="show_image('Name des Bilds','Dateiname'); return false">Verweistext</a></tt>
</body>
</html>
 
Zuletzt bearbeitet:
Ich bedanke mich einmal herzlichst bei dir.

Welchen Code ich jetzt verwende weiß ich noch nicht, aber deiner hilft mir schon immens weiter.

Es geht übrigens um die Bildergalerien auf meiner Homepage, nur damit das nicht ganz so aus dem Kontext ist ;)
 
Zurück
Oben Unten