Question

我需要在网站上显示一些图形图表数据。在这些图表中，有几个图像在单击时应显示更大的图像版本。图表本身目前保存为单个图像文件。

我最初的想法是使用图像映射来指定图像在整个图表图像中的位置，然后使用jQuery突出显示图像的边缘。然后使用lightbox或fancybox之类的东西显示更大的版本点击图像。

我希望能够深入了解这是否是达到预期效果的最佳方式，还是有更好的技术？

由于

Answer 1

为什么不使用工具提示？

这是一个example using qTip2，有一些借来的代码;）

HTML

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap" />

<map name="planetmap">
    <area shape="rect" coords="0,0,82,126" alt="Sun" href="#" title="<img src='sun.gif'>" />
    <area shape="circle" coords="90,58,3" alt="Mercury" href="#" title="<img src='merglobe.gif'>" />
    <area shape="circle" coords="124,58,8" alt="Venus" href="#" title="<img src='venglobe.gif'>" />
</map>

脚本

$('area').qtip({
    position: {
        my: 'left center',
        at: 'right center',
        target: $('img')
    }
});

将图像作为图像映射的图形还是有替代方法？

1 个答案: