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:
Im CSS-Sheet ist noch folgendes definiert, aber damit scheint es nicht zusammenzuhängen:
Über Tipps wäre ich sehr dankbar.
LG P.
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, )
}
}
Code:
#Bildbereich {
clip:rect(0 300px 225px 0);
visibility:show;
float:center;
}
LG P.