| Autor |
Nachricht |
Eva_0802
Threadersteller
Dabei seit: 05.04.2007
Ort: Weißenburg/Gunzenhausen
Alter: 20
Geschlecht:
|
Verfasst Di 02.09.2008 08: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: Kreis Paderborn
Alter: 22
Geschlecht:
|
Verfasst Di 02.09.2008 08: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 08:58, insgesamt 1-mal bearbeitet
|
|
| |
|
 |
Eva_0802
Threadersteller
Dabei seit: 05.04.2007
Ort: Weißenburg/Gunzenhausen
Alter: 20
Geschlecht:
|
Verfasst Fr 05.09.2008 07: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: 20
Geschlecht:
|
Verfasst Sa 06.09.2008 18: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 20: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 20:17, insgesamt 1-mal bearbeitet
|
|
| |
|
 |
Eva_0802
Threadersteller
Dabei seit: 05.04.2007
Ort: Weißenburg/Gunzenhausen
Alter: 20
Geschlecht:
|
Verfasst Sa 06.09.2008 21: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 21:31, insgesamt 1-mal bearbeitet
|
|
| |
|
 |
therapiekind
Dabei seit: 14.03.2006
Ort: In deinem Kopf
Alter: -
Geschlecht: -
|
Verfasst Sa 06.09.2008 21: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 21:36, insgesamt 1-mal bearbeitet
|
|
| |
|
 |
therapiekind
Dabei seit: 14.03.2006
Ort: In deinem Kopf
Alter: -
Geschlecht: -
|
Verfasst Sa 06.09.2008 21: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 |
Design verzerrt
Logo verzerrt/verpixelt/unsauber
FLASH VERZERRT PNG`s ! DRINGEND
Flash - font (Unterstrich) verzerrt bei Skalieren in Browser
Flash, Slideshow. Zoom-Tween. Foto verzerrt im Player.
bilder aus bilder gallery in neuem Fenster anzeigen
|
 |