• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bildbreite im IE funktioniert nicht

Status
Für weitere Antworten geschlossen.

papillona

Neues Mitglied
Hallo,
habe ein Script, das im FF einwandfrei funktioniert nur im IE werden die Bilder, die zB im Hochformat vorliegen in das Querformat gezogen, was ziemlich bescheiden aussieht. Welche Einstellungen muss ich denn vornehmen, damit sie auch wie im FF korrekt angezeigt werden?
Nachfolgend das Script:

Code:
var bildbereich;                  //Bild
        var zeige = 0;                   //nächstes, vorheriges Bild
        var Breite = 300;
        var aktuelleBreite = 0;
        var Schrittweite = 6;            //??
        var Schrittverzoegerung = 1;     //??

function Blaettern (Richtung) {   //Richtung kann +1(vor) oder -1(zurück) sein
  zeige = zeige + Richtung;       //geht ein Schritt weiter
  if (zeige > Bild.length - 1) { //wenn zeige größer Array-Länge
    zeige = 0;                   //setze zeige auf Bild 1
  } else if (zeige < 0) {        //wenn zeige kleiner 0
    zeige = Bild.length - 1;     //setze zeige auf letztes Bild
  }
 
  if (DOM || MSIE4) {            //Konfiguration für unterschiedliche Browser
    bildbereich.style.clip = "rect(0 0 225px 0)";
  } else if (NS4) {
    bildbereich.clip.right = 0;
  }
  if (DOM && bildbereich.firstChild) {    //wenn DOM & erster Kind-Knoten vorhanden??
    bildbereich.firstChild.src = Bild[zeige].src; //setze ersten Kind-Knoten.src auf das jeweilige Bild
  } else if (MSIE4) {                     //für Internet Explorer?
    bildbereich.innerHTML = '<img src="' + Bild[zeige].src + '">'; //HTML-Inhalt mit Bild befüllen
  } else if (NS4) {                       //für Netscape??
    bildbereich.visibility = "hide";      //bildbereich verstecken
    setContent("id", "Bildbereich", null, //Div Bildbereich mit Bild befüllen
      '<img src="' + Bild[zeige].src + '">');  
    bildbereich.visibility = "show";      //bildbereich anzeigen
  }
  BildAufbauen();                         //Aufruf der Methode BildAufbauen()
}

function BildAufbauen () {
  if (aktuelleBreite <= Breite) {         //wenn aktuelle Breite des Bildes? <= Breite des Bildbereiches?
    if (DOM || MSIE4) {                   //für Internet Explorer??
      bildbereich.style.clip = "rect(0 " + aktuelleBreite + "px 225px 0)";  //Rechteck erzeugen mit akt. Breite x 225 px
    } else if (NS4) {                     //für Netscape
      bildbereich.clip.right = aktuelleBreite;  //Breite festlegen. Wofür???
    }
    aktuelleBreite = aktuelleBreite + Schrittweite;   //??
    window.setTimeout("BildAufbauen()", Schrittverzoegerung);   //??
  } else {
    aktuelleBreite = 0;
    if (DOM || MSIE4) {
      bildbereich.style.clip = "rect(0 " + Breite + "px 225px 0)";
    } else if (NS4) {
      bildbereich.clip.right = Breite;
    }
  }
}

function Init () {
  bildbereich = getElement("id", "Bildbereich");    //holt sich was aus dem Bildbereich (das Bild???)
  if (DOM && document.createElement && bildbereich.appendChild) {  //irgendein Element erzeugen & Kindknoten hinzufügen
    var img = document.createElement("img");        //img-Objekt erzeugen
    img.setAttribute("src", Bild[0].src);           //setzt Eigenschaften für img-Objekt mit src = Bild[...].src
    bildbereich.appendChild(img);                   //Kind=img-Objekt anfügen, 
  } else if (MSIE4) {
    bildbereich.innerHTML = '<img src="' + Bild[0].src + '">';
  } else if (NS4) {
    setContent("id", "Bildbereich", null,
      '<img src="' + Bild[0].src + '">');
    //setContent("id", "Textbereich", null, )
  }
}
Im CSS-Sheet ist noch folgendes definiert, aber damit scheint es nicht zusammenzuhängen:

Code:
#Bildbereich { 
  clip:rect(0 300px 225px 0);
  visibility:show; 
  float:center;
  }
Über Tipps wäre ich sehr dankbar.
LG P.
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben