Imagemap deaktiviert <A> Tag auf Bild

Question

Ich habe einige Thumbnails und möchte, dass jeder ein anderer Link ist. Der folgende Code funktioniert in der Regel gut:

<a href=#><img src=# /></a> 

Allerdings habe ich jeweils einen Image-Map Thumbnail (so die Miniatur Bild ändert, wie Sie die Maus über). Nun, egal, wo ich das <a> Tag verwende, das Bild weigert sich, ein Link zu sein. Sogar die Verwendung von JavaScript für das div, das das Bild umschließt. Es ist erwähnenswert, dass das Bild einen Titel (in einem <span> Tag) darunter hat. Dies funktioniert gut als Link.

Wie kann ich dieses Bild als Link und als Karte erhalten?

Answer 1

Hmm, ich sehe ...

Nun, Image-Map ist eine exklusive Alternative zu <a>-Tag.

Wenn Sie diese Art von Verhalten verwenden möchten, ich werde mit jeweils separaten onMouseOver Handler 3 divs auf das Bild vorschlagen Erstellen und <a>-Tag rund um das <img> Element verlassen onClick Verhalten zu bekommen.

Als zweite Alternative können Sie divs nicht nur mit dem onMouseOver-Event-Handler, sondern auch mit dem onClick-Event-Handler und Process-Click innerhalb einzelner Funktionen erweitern.

Answer 2

Warum verwenden Sie Imagemaps? Es ist nicht notwendig, Bildkarten zu verwenden, um diese Art von Verhalten zu erhalten.