Question

继我在this StackOverflow线程中的问题之后，我正在尝试将图像用作链接。该图像是一个SVG文件，链接指向一个简单的静态HTML页面。

在我提到的问题中，建议我向对象添加onclick="window.location='URLHERE'; return false;"的属性。我已经尝试了很多配置（把它放在<img>标签中，放在<object>标签中，创建一个小Javascript函数并将其放在那里但是它不起作用 - 链接不是根本没有渲染。

我的jsFiddle是here。任何人都可以给我一个指针？请假设我对Javascript甚至HTML知之甚少。谢谢。

CSS：

.center {text-align: center;}

#sfimages {padding:15px;}

#sfimages:hover {
background-image: url(http://ubuntuone.com/1SRrDB8i8cBtpm3Smxaz5r);
background-repeat: no-repeat;
background-position:center;     
}

HTML：

<table style="width: 100%">
    <tr>
        <td class="center">
            <div id="sfimages">
                <object class="images" type="image/svg+xml"
                    data="http://ubuntuone.com/5b5ZUS86nHAffWiOirDwFr">
                    <img src="http://ubuntuone.com/12qOaTGCZYzQtqFJpaGbPV" alt=""
                        onclick="window.location='http://ubuntuone.com/3JHwAhFuNUCVfq1QOOjBGG'; return false;" />
                </object>
            </div>
        </td>
        <td class="center">
            <div id="sfimages">
                <object type="image/svg+xml"
                    data="http://ubuntuone.com/6tkHm9c2r1eH9PMB9Nr3Ux">
                    <img src="http://ubuntuone.com/54AaqhQUU8npACF2vXzKFp" alt="" />
                </object>
            </div>
        </td>
        <td class="center">
            <div id="sfimages">
                <object type="image/svg+xml"
                    data="http://ubuntuone.com/7Ur09JXlGVvF2GhXFbLXlx">
                    <img src="http://ubuntuone.com/4CXw05d1dsSf9VhAIPNZf6" alt="" />
                </object>
            </div>
        </td>
    </tr>
</table>

Answer 1

为什么不使用链接标记<a href="YOUR LINK">和</a>包围图像？

图像为链接和<object>属性</object>

1 个答案: