Mouseonclick显示/隐藏div图片？ [jquery/css]

我一直在寻找一堆不同的问题和答案，在这里我需要做一个项目。我仍然不确定最好的解决方法。Mouseonclick显示/隐藏div图片？ [jquery/css]

在这一点上，我有一个大的图像，其中一部分图像被切割成5个不平坦的部分。每个部分/部分是一个类别。点击时，该部分的颜色会发生变化，并且某些图像和文本应显示在图像右侧的独立格子中。我几乎是jquery的新手，但我有js和css背景。

我不确定是否需要突出显示图像的部分（onmouseover）。但也会喜欢这种可能性。

我想知道是否应该使用图像映射或pagx，onclick事件的pagey坐标？另外，我怎样才能用突出显示的版本替换该部分？

我想我想替换另一个图像，显示用户，他点击该部分的部分。

我宁愿不使用插件只是直接编码。

2012-05-13 flaming_nonsense

从[常见问题]（http://stackoverflow.com/faq#dontask）：_你应该只根据你面对的实际问题提出实际的，可回答的问题。聊天，开放式问题会降低我们网站的实用性，并将其他问题推到首页。**您可以访问：[http://www.learningjquery.com/]（http://www.learningjquery.com/） .com /）和[http://jquery.com/]（http://jquery.com/）。 – Zuul

这是一个有效的问题 - 图像地图vs pagex pagey坐标。另外用另一个图像覆盖图像。 –

这是一个开放式的结局，我相信是@Zuul解释的。也许你可以放一些关于图像和部分的细节。也许甚至尝试一些东西，并用你试过的一些代码编辑问题，这样我们可以更好地理解你的问题。帮助更清楚和直接的事情会更容易。 – matthewnreid

如果你真的是停留在如何启动编码像你的问题描述，我相信没有答案将永远是不够好，而是要你指出一些路径上（正确与否）：

这里一个Imagemap rollover using jQuery的工作示例。

另外：

关于如何建立一个interactive image map with Jquery!

这两项为您提供一个起点，你所描述的另一个教程！

祝您工作顺利！

来源

2012-05-13 18:32:50 Zuul

谢谢这是我可以使用的跳转点！ –

http://www.svennerberg.com/2008/09/imagemap-rollover/第一个链接已经死了正确链接 –

@flaming_nonsense tks，现在已更新！ – Zuul

你真的应该提供一些代码，但我认为图像映射是更好的解决方案。 Here是图像映射的演示。看看它，你会看到这个解决方案是否适合你。

来源

2012-05-13 17:44:40 simekadam

谢谢 - 这看起来像我可以使用的东西！ –

Mouseonclick显示/隐藏div图片？ [jquery/css]

回答

相关问题