JS: schwarz weiss durch farbige bilder bei mouseover ersetzen

[moi_1985]

Hallo zusammen,

ich möchte gerne, dass sich die schwarz weiss Bilder durch farbige Bilder bei mouseover ersetzen. Leider funktioniert dies erst, wenn ich das 2. Mal mit der Maus über das entsprechende Bild gehe. Ich hätte dies aber gerne, dass es direkt das Farbige lädt, sobald ich mit der Maus auf dem Bild bin.

Hier der Link um welche Seite es sich handelt.
http://vm-photo.eu/2016_photo_portfolio.html

Jemand eine Idee woran dies leigt,bzw was ich ändern muss?

Danke schomal für eure Tipps.

 

[lachender_engel]

Das liegt an der Ladezeit. Beim ersten Hover wird das zweite Bild erst geladen. Beim zweiten Hover ist es schon "da".
Du musst für alle Bilder einen Pre-Loader einbauen und die Seite so lange "blocken", bis alle Bilder geladen sind.

 

[moi_1985]

Danke. und wie geht das?

 

[lachender_engel]

Danke. und wie geht das?

Bitte. Nutze Deine bevorzugte Suchmaschine und suche nach Pre-Loader. Eine fertige Lösung ist abhängig von der technischen Möglickeit und Struktur Deiner Seite.

 

[Chris_EDI]

Hast du schon überlegt, das Ganze mit css3 - Filtern zu machen?

 

[noltehans]

Chris_EDI hat das Zauberwort genannt.

Und hier kannst du dir auch gleich die Parameter abschreiben.

 

[moi_1985]

Das mit den css Filtern hilft mit weiter. Danke ihr seid klasse.

 

[Chris_EDI]

Das mit den css Filtern hilft mit weiter.

Super, danke für die Rückmeldung.
Vielleicht zeigst du uns dann, wie es am Ende auf deiner Seite aussieht.

 

[afr0kalypse]

Kleiner Hinweis: CSS Filter funktionieren in KEINEM IE!
http://caniuse.com/#feat=css-filters