Wie ein Bild in fancybox von einer Bildkarte

Question

Es zu laden scheint diese Frage tausendmal gefragt worden, aber ich habe noch keinen Weg, um diese Arbeit

Ich habe ein Bild Karte gefunden. Wenn ich auf die definierten Bereiche in der Image Map klicke, möchte ich ein anderes Bild in der fancybox anzeigen. Unten ist mein HTML. Hier ist die resulting page. Nur die ersten beiden Münzbilder wurden kartiert und haben Bilder, die geladen werden. Ich bin kein Programmierer ... könnte mich wahrscheinlich für gut genug halten, um gefährlich zu sein. Also, wenn dies mit Java Script lösbar ist, brauche ich Anleitung, wie dies zu tun ist.

Wie Sie unten in meinem Image Map HTML sehen können, versuche ich die fancybox-Klasse für dieses Bild aufzurufen, aber wenn Sie auf diesen bestimmten Bereich klicken, erhalten Sie nur das Bild, das als einzelne Seite unter der URL gerendert wird.

< img src = "http://patriotnumismatics.com/wp-content/uploads/2016/10/Dansco7070Page1Front-688x1009.png" alt = "" usemap = "# Karte" />

< Bereichsform = "poly" class = "fancybox" Koord = "315,103,352,88,384,97,399,119,403,138,394,175,366,194,340,193,321,182,309,162,304,137,301,132" href = "http://patriotnumismatics.com/wp-content/uploads/2016/10/D7070_P1_1834_CapBust_Half1c.jpg" />

< Bereich alt = "" title = "" href = "http://patriotnumismatics.com/wp-content/uploads/2016/10/D7070_P1_1834_ Lrg1c.jpg“shape = "poly" coords = "383.336.444.315.491.359.471.423.418.437.380.406.368.372"/>

</map>

Answer 1

ich dieses Problem gelöst, indem ein Wordpress namens EasyFancybox Plugin. Dieses Plugin erkennt ein Bild beim Laden und zeigt das Bild in der Fancybox an. Es gibt Einstellungen, die mit dem Plugin geändert werden können.