Mehrere Bildwechsel nebeneinander

  • Hallo!

    Ich möchte mehrere verschiedene Fotos nebeneinander Platzieren. Dabei soll bei jedem dieser Bilder, wenn man mit der Cursor drüber geht, ein jeweils anderes Foto gezeigt werden.

    Mit <div class="bildwechsel"></div> funktioniert dieses jeweils für ein Foto, dass sich in ein anderes wechselt mit:


    .bildwechsel {width:555px; height:401px; background:url("Bild.png");}

    .bildwechsel:hover {background:url("Bild2.png");}


    Nun möchte ich mehrere nebeneinandergereihte Bildwechsel. Also wo mehrere nebeneinandergereihte Bilder jeweils wechseln, wenn man mit dem Cursor drüber geht.

    Ist das mit der oben genannten Methode möglich?

  • Ich habe den Bildwechsel in meiner Webseite so gelöst,

    dann muss man für einen weiteren Bildwechsel keine neue Klasse vergeben: