✔ Fenstergröße an Bild anpassen

[d-braun]

Hi Leuts,

ich komm hier einfach nimmer weiter.
Ich lasse mittels eines PHP-Scripts Bilder automatisch in Thumbnails umwandeln und diese dann so darstellen:

echo "<a href='#' onClick='PopupFenster(\"data/pics/".$picsid."/".$datei."\"); return false'><img id=image src='data/pics/".$picsid."/thumbnail.php?src=".$datei."&h=60'></a> ";

$picsid = pfadangabe (z.b. 1)
$datei = die datei die ausgelesen wird (es werden mittels einer Schleife einfach alle Dateien im Ordner ausgelesen

und so rufe ich das Bild dann in einem Popup auf (noch sehr sehr vereinfacht)

function PopupFenster(pic)
{
	F = window.open(pic, 'Popup');
}

Jetzt zu meiner Frage:
Wie kann ich es bewerkstelligen dass ich die Höhe und Breite des Orginalbilds in eine Variable bekomme die in JS zur Verfügung steht?

Es gibt zwar in JS eine Funktion, diese ermittelt mir allerdings nur die Abmessungen der Thumbnails.
Ich hab schon in verschiedenen Foren und Channels nachgefragt und mir wurde gesagt dass das mit JS wohl nicht machbar sei.

Vieleicht habt ihr ja eine Idee, oder sogar ein fertiges Script, wie man das lösen könnte.

MFG

d-braun

 

[Gumbo]

Am besten regelst du das mit JavaScript. Denn nur mit JavaScript kannst du nachträglich die Größe eines geöffneten Fensters verändern.

Noch ein Tipp: Nimm lieber folgende Auszeichnung:

echo '<a href="data/pics/'.$picsid.'/'.$datei.'" onclick="return !PopupFenster(this.href)"><img id="image" src="data/pics/'.$picsid.'/thumbnail.php?src='.$datei.'&amp;h=60"></a> ';

function PopupFenster(pic)
{
	return window.open(pic, 'Popup');
}

Übrigens muss eine ID dokumentweit einmalig sein.

 

[d-braun]

Wie nachträglich?

Ich will die größe nicht nachträglich verändern. Ich will die Größe eines Bildes bestimmen und dann mein Popup an die Größe anpassen.

Oder denk ich zu Später Stund grad falsch?

 

[Gumbo]

Mit nachträglich meine ich, dass einerseits die Fenstergröße nicht gleich der Größe dessen Darstellungsfelds ist. Dazu kommt noch, dass Grafiken allein meist nicht bündig vom Browser dargestellt werden. Eine gewisse Nacharbeit ist also notwendig.

 

[versuch13]

Du liest einfach mit PHP die Maße der original Grafik aus und übergibst die dann an ein JavaScript:

function popup(seite,breite,hoehe) {
  var x = screen.width/2 - breite/2;
  var y = screen.height/2 - hoehe/2;
  fenster = window.open(seite, "_blank", " width="+breite+", height="+hoehe+", left="+x+", top="+y+", scrollbars=no, resizable=no ");
}

<a href="getimage.php?img=originaldatei.jpg" onclick="popup(this.href, ausgelesene breite, ausgelesene höhe)"><img src="deinthumbnail"></a>

 

[con-f-use]

Es gibt auch eine Javascript-only-Lösung

Siehe dazu meine Seite zu tutorials.de

Dank der Werbepolitik meines Webspace-Anbieters könnte es mit dem Script auf funpic.de Probleme geben, bei dir sollte es aber in jedem Fall funktionieren.

 

[d-braun]

con-f-use ich habe dein Script mal probeweiße eingebaut.

es öffnet das Bild in der Orginalgröße jedoch läd es das andauernd neu.

Weißt du warum?

 

[d-braun]

Ok ich nehms zurück. Es geht!
Der komische Funpic Eintrag war schuld.

Ich werd mir das Script jetzt mal anschaun und versuchen zu verstehen.

Vielen Dank!

 

[versuch13]

Hier noch eine weitere JavaScript Lösung.

http://www.tutorials.de/forum/html/250046-fenstergroesse-definieren.html#post1304516


Edit: Ok, zu spät.

 

[con-f-use]

Bitte die Frage als "erledigt" markieren. Danke!