Hallo,
auf der Seite http://kesser.de/test/ möchte ich oben eine kleine Bildergalerie erstellen.

Wenn ein anderes Bild angezeigt werden soll, bekommt der Container eine neue klasse „bildi“ zugewiesen in der dann steht, wie weit das Bild verschoben werden soll.

Der Container für die iBilder hat als CSS:
Code :
1
2
3
4
5
6
7
8
9

.container2{
                position: absolute;
                width: 10000px;
                -webkit-transition: -webkit-transform 700ms ease-in;
                -moz-transition: -moz-transform 700ms ease-in;
                -ms-transition: -ms-transform 700ms ease-in;
                -o-transition: -o-transform 700ms ease-in;
                transition: transform 700ms ease-in;
}
Eine eine zugewiesene Klasse sieht dann so aus:
Code :
1
2
3
4
5
6

.bild1 .container2 {
                -webkit-transform: translate(0,0);
                -moz-transform: translate(0,0);
                -ms-transform: translate(0,0);
                -o-transform: translate(0,0);
}

Ursprünglich wollte ich die Transition nicht mit „transform“ machen, sondern mit „marigin“, dass klappt aber nicht, da am Seitenende eine Karte mit Hilfe der google.maps API eingebunden ist und dass Bild dann total geruckelt hat, wenn ein Bild umgeschaltet wurde.

Meine eigentliche Frage ist jetzt:

Wenn ich mit Safari ein Bild umschalte, dann blinkt das Bild am Anfang und am Ende der Transition kurz auf, in allen anderen Browsern passiert das nicht. Kann ich dieses Aufblinken irgendwie verhindern?

Gruß

-André-