Autor |
Nachricht |
Eva_0802
Threadersteller
Dabei seit: 05.04.2007
Ort: Weißenburg/Gunzenhausen
Alter: 36
Geschlecht:
|
Verfasst Di 02.09.2008 09:41
Titel Bilder auf IE verzerrt |
|
|
Guten Morgen an alle!
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
über jede hilfe bin ich sehr dankbar
lg Eva
|
|
|
|
|
ALEXX
Dabei seit: 26.08.2004
Ort: Köln
Alter: 37
Geschlecht:
|
Verfasst Di 02.09.2008 09:57
Titel
|
|
|
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
|
|
|
|
|
Anzeige
|
|
|
Eva_0802
Threadersteller
Dabei seit: 05.04.2007
Ort: Weißenburg/Gunzenhausen
Alter: 36
Geschlecht:
|
Verfasst Fr 05.09.2008 08:03
Titel
|
|
|
vielen Dank
ich habs mal eingegeben und werd es am WE mal probieren, hab auf der Arbeit leider keinen Windows Rechner.
Hoffe es hat sogeklappt
|
|
|
|
|
Eva_0802
Threadersteller
Dabei seit: 05.04.2007
Ort: Weißenburg/Gunzenhausen
Alter: 36
Geschlecht:
|
Verfasst Sa 06.09.2008 19:54
Titel
|
|
|
also der Versuch is wohl in die Hose gegangen - Bilder sind immer noch verzerrt
hat jemand eine andere Lösung?!
|
|
|
|
|
therapiekind
Dabei seit: 14.03.2006
Ort: In deinem Kopf
Alter: -
Geschlecht: -
|
Verfasst Sa 06.09.2008 21:14
Titel
|
|
|
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
|
|
|
|
|
Eva_0802
Threadersteller
Dabei seit: 05.04.2007
Ort: Weißenburg/Gunzenhausen
Alter: 36
Geschlecht:
|
Verfasst Sa 06.09.2008 22:30
Titel
|
|
|
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.
Zuletzt bearbeitet von Eva_0802 am Sa 06.09.2008 22:31, insgesamt 1-mal bearbeitet
|
|
|
|
|
therapiekind
Dabei seit: 14.03.2006
Ort: In deinem Kopf
Alter: -
Geschlecht: -
|
Verfasst Sa 06.09.2008 22:34
Titel
|
|
|
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
|
|
|
|
|
therapiekind
Dabei seit: 14.03.2006
Ort: In deinem Kopf
Alter: -
Geschlecht: -
|
Verfasst Sa 06.09.2008 22:54
Titel
|
|
|
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; |
|
|
|
|
|
|
|
|
Ä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
|
|