Bild in angepassten fenster

[Vorher]

Habe google und Sufu schon gequält aber es kam nichts gutes dabei raus da ich nicht weiß nach welchen stichwörtern ich suchen soll.
also es geht um folgendes:

Ich habe ein Bild das vergrößtert werden soll auf einer HP. also kleines Tumbnail -> klick -> neues Fenster mit großem bild.

jetzt will ich aber das das Fenster um das große bild angepasst ist. sprich nicht ein maximiertes Fenster öffnet mit dem bild links oben in der ecke. geht das? habe nirgends einen passenden HTML-Tag gefunden. eventuell währe noch ein kleiner "close" button nett aber der ist dann nur zugabe. kann mir jemand helfen?

 

[Seratio]

du musst ein popup mittels javascript generieren welches die größe des bildes vorher mittels php oder kA obs auch mit js geht mitgeteilt bekommt als onclick="popup(höhe,breite)" oder sowas in der art.

 

[[Prophet]]

Schau mal bei selfhtml. Da steht wie das mit dem Javascript geht. Musste mal durchschauen.

 

[cuda]

So mache ich es immer:

Zuerst JavaScript-Code:

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
//-->
</script>

So wird das Ding aufgerufen:

<a href="javascript: MM_openBrWindow('popup.php?id=<? echo $results['DOMAIN_ID'][$j]; ?>','Editieren','width=620,height=390')"><? echo $results['DOMAIN_NAME'][$j]; ?></a>

Erklaerung:
popup.php: Die Seite fuer Popup.
id: Hier uebergibst Du zum Beispiel den Namen des Bildes.
"Editieren": Das ist Popup-Fensterueberschrift
Der Rest duerfte selbsterklaerend sein.

Vorher musst Du natuerlich mittels PHP die Eigenschaften des Bildes auslesen. Dann uebergibst Du die Werte fuer Hoehe und Breite an das JavaScript und fertig.

'cuda

 

[Vorher]

Danke für eure hilfe. aber von Java und php habe ich genau 0 ahnung. dachte mir eigentlich das es eventuell einfacher geht. vorallem sind alle bilder gleichgroß...

 

[Seratio]

dann fügst du einfach das hier pro bild ein:

<a onClick="window.open('DER/PFAD/ZUM/BILD.JPG','NAME DES BILDES,'width=620,height=390')">und hier zb den des img tag als thumbinail rein</a>

width und height sind halt breite und höhe der bilder
sollte so eigentlich funktionieren.
habs jetzt aber nit getestet -> da auf arbeit

MfG
Alex

 

[[Prophet]]

Wenn die Bilder alle gleich groß sind brauchst du auch keine Abfrage mit php. Dann musst du einfach nur per Javascript ein neues Fenster mit dem Bild öffnen lassen.

 

[Vorher]

hm thx werds gleich probieren.

€: mit Nascars Tag funzt es. achja. die Bilder haben zwar nicht genau die gleiche größer aber das ist egal. da ichs per Batch konvertiere auf eine max seitenlänge von 400 geht das in ordnung. bei der eingestellen seitenlänge des fensters von 400 mal 400 kommt bei FF die lupe deshalb habe ichs auf 420 mal 420 gestellt. da die bilder eh einen weißen hintergrund haben fällt es nicht auf.

Thx nochmal für eure hilfe. so sieht das ganze dann gleich viel besser aus

 

[Vorher]

sorry für doppelpost aber
@nascar ein problem habe ich noch und zwar wird im Titel des fensters nicht das angezeigt was ich will. es wird dort die domain meiner site angezeigt (aber nur die vom webspace anbieter) und der name des bildes. geht es irgendwie das aber ein Selbstdefinierter Name steht? im Tag kann man zwar den namen angeben aber ich sehe nicht das dies was bewirkt...

 

[Seratio]

hi vorher,
hmmm wenn ich mich recht entsinne dann geht das nicht wenn du nur bilder einbindest. wenn man es richtig macht dann macht man es eigentlich so dass der link im window.open auf eine html datei verweis in der dann <img src="pfad/zum/bild.jpg" alt="" /> steht. dann würde das so funktionieren wie du es möchtest. aber das sprengt dann halt ein wenig den rahmen da du für jedes bild eine htm/l datei brauchst. und da liegt halt der vorteil von php. du übergibst in der url halt den namen des bildes und php macht dann die html ausgabe.
unterstüzt dein webspace php? dann schreib ich dir evtl heute abend die datei wenn ich zeit habe und wieder @ home bin

<a onClick="window.open('picture.php?pfad=DER/PFAD/ZUM/BILD.JPG','NAME DES BILDES,'width=620,height=390')">und hier zb den des img tag als thumbinail rein</a>

und hier die picture.php

<?php
echo '<img src="'.$_GET['pfad'].'" alt="Bild" />';
?>

 

[Vorher]

aha ok. es steht "PHP-Unterstützung - PHP-fähiges Webhosting" also eigentlich schon...

hier mal ein aussschnitt wies zz aussieht. ist eine Tabelle mit mehreren Downloads...

   <tr> 
      <td><div align="center"><font face="Arial, Helvetica, sans-serif"><strong>1/4" 
          - 8x1 Verschraubung</strong></font></div></td>
      <td><div align="center"><a onClick="window.open('bilder/1_4_mal_10_8_Verschraubung.jpg','1/4" - 8x1 Verschraubung','width=420,height=420')"><img src="bilder/1_4_mal_10_8_Verschraubung_klein.jpg" width="91" height="100" border="0"></a></div></td>
      <td><div align="center"><font face="Arial, Helvetica, sans-serif"><a href="datenbank/1_4_mal_10_8_Verschraubung.zip">Download</a></font></div></td>
    </tr>

das ganze ist zz so online. in meinem profil ist eh der link zu meiner HP (dort dann auf Info auf den unterpunkt "GO!") ich muss die ganze HP eh wieder neumachen aber für den übergang gehts so. aber die tabelle wird dann wahrscheinlich 1:1 übernommen.