die Fenstergröße an ein Bild anpassen

andynail · 28 November 2013

Hallo zusammen

auf meiner Seite die Formulare um einen neuen Lunk erstellen oder ihn ändern zu können bieten einen Button um diesen auch testen zu können. Da ich aber auch Bilder in die Links mit hinein nehmen kann, möchte ich sie mir erst einmal anschauen und dafür hat es keinen Platz mehr auf der Seite. Und da dies ja eh nur eine Linksammlung auf meinem PC, möchte ich eine Datei mit Parametern aufrufen, die alles über das darstellen aussagen und die Datei braucht das Ganze nur noch darzustellenb.

Aber daran hätte ich dann doch eine gewisse Anspruch. Denn es soll nicht das komplette Browser Fenster angezeigt werden, sondern nur in der Größe die auch wirklich benötigt wird. Und so fand ich folgende Funktion:

Code:

window.open(popUpURL,"Link","height="+(parseInt(Hoch))+",width="+(parseInt(Breit)))

Und dann aber mal angenommen das Bild hat die Maße 42x128 ist dsas Bild viel größer als dieses, so das es aussieht als ob es gar nicht funktionieren würde, da der ie nie die Größe ansetzt, der FireFox hingegen passt schonmal horizontal die Größe an.

Ich würde mich sehr freuen wenn mir jemand helfen könnte und würde mich dafüßr auch sehr bedanken.

Gruß Andreas

andynail · 7 Dezember 2013

Hallo

ich würde mich sehr freuen wenn jemand wenigstens eine Idee hätte. Und so würde ich mich freuen wenigstens eine Kleinigkeit lesen zu können, da ich absolut nicht vorran kömme und wenn das Bild angezeigt werden würde wäre das schon eine tolle Sache.

Also ich wills mal nicht ganz abschreiben und hoffe somit von Euch noch was erfaren zu können.

Danke schon mal und mit Grüße Andreas

Sempervivum · 7 Dezember 2013

Würde vielleicht eine Lightbox dein Problem lösen?
Wenn nicht, dann habe ich früher mal ein Skript geschrieben, um die Fenstergröße eines Popups an ein Bild anzupassen. Weil es heute Lightbox gibt, habe ich es dann weggelegt. Sieht so aus:

Code:

<script type="text/javascript">

var urls = new Array()
urls[0] = "elm02.jpg"
urls[1] = "elm03.jpg"
urls[2] = "elm04.jpg"

var bilder = new Array()
for (i = 0; i < urls.length; i++) {
  bilder[i] = new Image ()
  bilder[i].src = urls[i]
  }

  pop = 0

function oeffne (i) {
  var breite = bilder[i].width;
  var hoehe  = bilder[i].height;
  var positionX = Math.round ((screen.availWidth / 2) - breite / 2);
  var positionY = Math.round ((screen.availHeight / 2) - hoehe / 2);
  if (pop) pop.close ()
  pop=window.open('','Popup', 'toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,fullscreen=0,width=' + breite + ',height=' + hoehe + ',top=' + positionY + ',left=' + positionX);
  pop.document.write ('<html><head></head><body style="padding:0; margin:0;">')
  pop.document.write ('<img src="' + urls[i] + '">')
  pop.document.write ('</body></html>')
  pop.document.close ()
  pop.focus()
  }

</script>

HTML:

Code:

<a href="elm02.jpg" onclick="oeffne(0); return false;"><img src="elm02lk.jpg" border="0"></a>
<a href="elm03.jpg" onclick="oeffne(1); return false;"><img src="elm03lk.jpg" border="0"></a>
<a href="elm04.jpg" onclick="oeffne(2); return false;"><img src="elm04lk.jpg" border="0"></a>

Hier kannst Du es in Aktion sehen:
http://www.ulrichbangert.de/tmp/popup/popup5.html
Vielleicht hilft dir das weiter.

die Fenstergröße an ein Bild anpassen

andynail

Mitglied

andynail

Mitglied

Sempervivum

Guest

Neueste Beiträge