Bildwechsel verlinken

[Gunnar]

Hallo Leute,
Ich bastele gerade an folgendem Problem herum:

HTML
<div class="bildwechsel2"></div>
CSS:
.bildwechsel2 {width:555px; height:401px; background:url("bilder/bild1.png");}
.bildwechsel2:hover {background:url("bilder/bild2.png");}
.bildwechsel2{float: left;}

Hier wechselt mit Mouseover das Bild wenn man mit dem Cursor drübergeht.

Nun möchte ich auch auf dem Bildwechsel klicken, und eine nächste index.html soll sich öffnen.
Wie löse ich das Problem am Elegantesten?

 

[basti1012]

Du möchtest auf den Bild klicken, und dann soll sich eine andere Seite wechseln?
Dann erstelle ein a Element in den Div, oder drumherum

<a hef="#"><div class="bildwechsel2"></div></a>

Falls das a im div sein soll, muss das CSS noch etwas angepasst werden

<div class="bildwechsel2"><a hef="#"></a></div>
 <style>
 .bildwechsel2 a{
    display:inline-block;
    height:100%;
    width:100%;
  }
</style>

Falls ich dich falsch verstanden habe dann sorry, die Erklärung ist mir etwas ungenau.

 

[Gunnar]

Danke Dir Basti Es hat funktioniert.