Promobanner Größe angepasst, Problem mit der Anzeige

Deutsches Forum
1

Hallo, Forum!

Ich habe ein sehr interessantes Problem.
Ich habe in oxslider.js die Größe und die Breite des Sliders in der Startseite verändert.
Es wird ja auch richtig angezeigt.
ABER!
Wenn man die Seite lädt - dann merkt man, dass anfangs der Slider in urspründlicher Größe und Breite kurz angezeigt wird und erst in ca 0.5 Sec. schaltet er wieder zu der gewünschten Größe.

Hier ist es: re-produkte.eu

Das ist natürlich unschön. Wie könnte man das beheben?

Besten Dank für Eure Ratschläge,
Gruß,
marsium

2

setz mal die gleiche grösse und höhe wie in der .js datei in deine css.

div.anythingSlider{
height: 330px;
width: 540px;
}

3

Hallo, avnikaba!
Danke!
Das dachte ich mir auch!
Das ist das Doofe eben! es gibt keinen Eintrag im CSS, der diese Parameter (höhe, breite des anithingslider) setzt. Die werden nämlich durch die Javascript-Logik berechnet in anythingslider.js (Zeile ab ca 300). Und die Berechnung erfolgt nicht in Pixel. Also - da kann ich auch nicht ohne weiteres diese Parameter in px setzen.
Das Problem besteht.

4

Problem gelöst.
Man soll .oxslider Klasse in oxid.css um die Zeilen erweitern:

width:540px;
height:330px;

Ich hoffe, das hilft jemandem auch.

Gruss,
marsium

5

Quatsch!

Oben ist auch keine saubere Lösung!

Hier ist es am saubersten gelöst:

oxid.css:

#promotionSlider img {
width: 540px;
height: 330px;
}

UND (!) im oxslider.js auch width = 540; height = 330;

pps

UND (!!!) im oxid.css:

.oxSlider {
padding: 0 10px;
overflow: hidden;
clear:both;
width:540px;
height:330px;
}

So, jetzt jeht allet!