如何让悬停的图像发光部分

Question

我将为参与当地军团的人制作一个网站。他恢复了军事团的照片。他想徘徊在照片中的每个人身上，让他们的轮廓发光，并提供他们名字的工具提示，并且/或者链接到页面的更深层以获取更多细节。

我以前使用过映像映射，而我使用的网站有poly mapping（www.image-maps.com），这会导致我单独列出这张照片中的每个人。我很喜欢这样做，但是在photoshop中做这些会更容易，并且有一些地图，当你将鼠标悬停在那个人身上时，它会将图像替换为带有辉光的photoshop。

我试图研究这个，并且遇到很多不同的东西，但没有什么超类似的东西。 有一个美国地图这基本上就是我想要它做的事： http://stommepoes.nl/Menus/maphover.html http://www.outsharked.com/imagemapster/examples/usa.html

但我不知道如何着手做的是定制的，并不仅仅是一个地图美国。

任何建议都会很棒。只是不确定最佳路线是什么，以节省时间和精力。

谢谢！

Answer 1

我建议你去这样的：

http://www.outsharked.com/imagemapster/examples/usa.html

很好的插件，那么你必须做一个HTML地图区域。如果你有photoshop，我强烈建议你这个插件。有了这些都，它很容易在Photoshop中的路径，然后拿到COORDS为您的HTML地图

https://creative.adobe.com/addons/products/2389#.Vl83pXYvdhE

我用这些工具做了奇迹很快。

希望它有帮助！

Answer 2

您将需要尽可能多的图像版本，因为有人，每个版本都有一个人发光。然后使用css transitions在图像之间淡出，然后使用html map areas控制哪些区域调用相应的突出显示的图像。