mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Sa 27.04.2024 13:25 Benutzername: Passwort: Auto-Login

Thema: Bilder auf IE verzerrt vom 02.09.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Bilder auf IE verzerrt
Seite: 1, 2  Weiter
Autor Nachricht
Eva_0802
Threadersteller

Dabei seit: 05.04.2007
Ort: Weißenburg/Gunzenhausen
Alter: 36
Geschlecht: Weiblich
Verfasst Di 02.09.2008 09:41
Titel

Bilder auf IE verzerrt

Antworten mit Zitat Zum Seitenanfang

Guten Morgen an alle! Lächel

ich habe folgendes Problem:
und zwar habe ich hier Jahresbücher erstellt und die funktionieren auch wunderbar, nur auf Windows IE sind die Bilder verzerrt - also die Breite stimmt nicht mehr. Auf Mac Safari, Firefox (Mac und Windows) geht alles
kann ich da was einstellen, damit das nicht passiert?
ich hoffe ihr seht den Fehler (die Verzerrung) und wisst was ich meine Lächel

über jede hilfe bin ich sehr dankbar Lächel

lg Eva
  View user's profile Private Nachricht senden
ALEXX

Dabei seit: 26.08.2004
Ort: Köln
Alter: 37
Geschlecht: Männlich
Verfasst Di 02.09.2008 09:57
Titel

Antworten mit Zitat Zum Seitenanfang

hallo,

du könntest mal ausprobieren auf zeile 90 bei

Code:
bildbereich.innerHTML = '<img src="' + Bild[0].src + '">';


eine feste width und height anzugeben. also zB <img src="' + Bild[0].src + '" width="863" height="478">


Zuletzt bearbeitet von ALEXX am Di 02.09.2008 09:58, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Eva_0802
Threadersteller

Dabei seit: 05.04.2007
Ort: Weißenburg/Gunzenhausen
Alter: 36
Geschlecht: Weiblich
Verfasst Fr 05.09.2008 08:03
Titel

Antworten mit Zitat Zum Seitenanfang

vielen Dank Lächel
ich habs mal eingegeben und werd es am WE mal probieren, hab auf der Arbeit leider keinen Windows Rechner.
Hoffe es hat sogeklappt Lächel
  View user's profile Private Nachricht senden
Eva_0802
Threadersteller

Dabei seit: 05.04.2007
Ort: Weißenburg/Gunzenhausen
Alter: 36
Geschlecht: Weiblich
Verfasst Sa 06.09.2008 19:54
Titel

Antworten mit Zitat Zum Seitenanfang

also der Versuch is wohl in die Hose gegangen - Bilder sind immer noch verzerrt *Schnief*
hat jemand eine andere Lösung?!
  View user's profile Private Nachricht senden
therapiekind

Dabei seit: 14.03.2006
Ort: In deinem Kopf
Alter: -
Geschlecht: -
Verfasst Sa 06.09.2008 21:14
Titel

Antworten mit Zitat Zum Seitenanfang

Code:
function Init () {
  bildbereich = getElement("id", "Bildbereich");
  if (DOM && document.createElement && bildbereich.appendChild) {
    var img = document.createElement("img");
    img.setAttribute("src", Bild[0].src);
    bildbereich.appendChild(img);
  } else if (MSIE4) {
    bildbereich.innerHTML = '<img src="' + Bild[0].src + '" width="863" heigth="478">';
  } else if (NS4) {
    setContent("id", "Bildbereich", null,
      '<img src="' + Bild[0].src + '">');
  }
}


Du schreibst nur im Falle des IE die Attribute width und height. Nimm das raus, dann hat er (wie die anderen Browser) auch 'ne Chance, die Bildgröße anzupassen.


Zuletzt bearbeitet von therapiekind am Sa 06.09.2008 21:17, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Eva_0802
Threadersteller

Dabei seit: 05.04.2007
Ort: Weißenburg/Gunzenhausen
Alter: 36
Geschlecht: Weiblich
Verfasst Sa 06.09.2008 22:30
Titel

Antworten mit Zitat Zum Seitenanfang

therapiekind hat geschrieben:
Code:
function Init () {
  bildbereich = getElement("id", "Bildbereich");
  if (DOM && document.createElement && bildbereich.appendChild) {
    var img = document.createElement("img");
    img.setAttribute("src", Bild[0].src);
    bildbereich.appendChild(img);
  } else if (MSIE4) {
    bildbereich.innerHTML = '<img src="' + Bild[0].src + '" width="863" heigth="478">';
  } else if (NS4) {
    setContent("id", "Bildbereich", null,
      '<img src="' + Bild[0].src + '">');
  }
}


Du schreibst nur im Falle des IE die Attribute width und height. Nimm das raus, dann hat er (wie die anderen Browser) auch 'ne Chance, die Bildgröße anzupassen.


was soll ich rausnehmen?! soll es wieder so aussehen:
Code:
bildbereich.innerHTML = '<img src="' + Bild[0].src + '">';


weil jetzt hab ich es ja so geschrieben:
Code:
<img src="' + Bild[0].src + '" width="863" height="478">


weil wenn ich das wieder rausnehme dann gehts auch nicht, denn so war es ja ganz am anfang. *Schnief*


Zuletzt bearbeitet von Eva_0802 am Sa 06.09.2008 22:31, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
therapiekind

Dabei seit: 14.03.2006
Ort: In deinem Kopf
Alter: -
Geschlecht: -
Verfasst Sa 06.09.2008 22:34
Titel

Antworten mit Zitat Zum Seitenanfang

Eva_0802 hat geschrieben:

was soll ich rausnehmen?! soll es wieder so aussehen:
Code:
bildbereich.innerHTML = '<img src="' + Bild[0].src + '">';


weil jetzt hab ich es ja so geschrieben:
Code:
<img src="' + Bild[0].src + '" width="863" height="478">


Genau. Die Funktion Init macht eine Fallunterscheidung nach Browser bzw. DOM-Fähigkeiten. Und nur für den Internet Explorer (MSIE4) setzt du die Attribute width und height. Darum quetscht er jedes Bild in dieses Format. Alle anderen bekommen diese Attribute nicht verpasst und haben die Möglichkeit, das Bild in der tatsächlichen Größe darzustellen.

[edit]
Zu Ende lesen kann von Vorteil sein ... Er macht es trotzdem noch falsch? Moment, ich probiere das mal.
[/eidt]


Zuletzt bearbeitet von therapiekind am Sa 06.09.2008 22:36, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
therapiekind

Dabei seit: 14.03.2006
Ort: In deinem Kopf
Alter: -
Geschlecht: -
Verfasst Sa 06.09.2008 22:54
Titel

Antworten mit Zitat Zum Seitenanfang

Ergänz die Funktion Blaettern mal um die letzten zwei Zeilen:
Code:
bildbereich.firstChild.src = Bild[zeige].src;
bildbereich.firstChild.width = Bild[zeige].width;
bildbereich.firstChild.height = Bild[zeige].height;
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Lytebox: Bilder im IE verzerrt bzw. gestaucht!
Design verzerrt
FLASH VERZERRT PNG`s ! DRINGEND
pdf in email verzerrt...warum?
InDesign Dateien plötzlich verzerrt...
Logo verzerrt/verpixelt/unsauber
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.