我将为一个与当地军团有关的人建立一个网站。他恢复了军团的照片。他想悬停在照片中的每个人身上,让他们的轮廓发光,以及他们名字的工具提示,和/或链接到页面的更多细节。
之前我使用过图像映射,我使用的网站有多边形映射(www.image-maps.com),这会让我个别地概述这张照片中的每个人。我很喜欢这样做,但是在Photoshop中更容易做到这一点并且有一些地图当你将鼠标悬停在那个人身上时,它会将图像替换为带有光晕的照片吗?
我试图研究这个,并且遇到了很多不同的东西,但没有什么超级相似。 有一张美国地图,基本上就是我想要它做的事情: http://stommepoes.nl/Menus/maphover.html http://www.outsharked.com/imagemapster/examples/usa.html
但我不确定如何制作这种习俗,而不仅仅是美国的地图。
任何建议都会很棒。只是不确定最佳途径是什么,以节省时间和精力。
谢谢!
答案 0 :(得分:0)
您需要的图像版本与人物一样多,每个版本都有一个人发光。然后使用css transitions在图像之间淡入淡出,然后使用html map areas来控制哪些区域调用相应的高亮显示图像。
答案 1 :(得分:0)
我建议你这样做:
http://www.outsharked.com/imagemapster/examples/usa.html
非常好的插件,然后你必须制作一个HTML地图区域。如果你有photoshop,我强烈推荐你这个插件。有了这两者,很容易在photoshop中制作你的路径,然后获得你的HTML地图的Coords
https://creative.adobe.com/addons/products/2389#.Vl83pXYvdhE
我用这些工具很快就创造了奇迹。
希望它有所帮助!