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?

  • Das sollte gehen , warum auch nicht.

    Hast du es schon ausprobiert.?

    Du solltest dir auch Flexbox anschauen , dann ist nebeneinander reihen der Bilder einfacher

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

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

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!