链接一个JS翻转图像

我一直在尝试创建一个简单的翻转图像，并且我已经使用CSS和JavaScript方法完成了此操作。但是，我无法获取此图像链接。链接一个JS翻转图像

在CSS版本中（如下所示），我使用的是背景图片，并且链接在“空白”HTML块中无法识别。

在JS版本中，正在从图像文件夹中调用图像。像CSS一样，链接在“空白”HTML块中不被识别。当我在HTML块中放置图像时，我的翻转停止工作。

我目前在我的HTML代码中有以下内容。翻车的工作，但链接不会：

<div class="quick-map"><a href="Services/FloorPlan.aspx" onclick="window.open(this.href);return false;">&nbsp;</a></div>

在这个例子中，该链接的作品，但翻车别：

<div class="quick-map"><a href="Services/FloorPlan.aspx" onmouseover="document.MyImage.src='images/quick-map.png';" onmouseout="document.MyImage.src='images/quick-map-over.png';"><img alt="" src="images/quick-map.png" /></a></div>

任何建议，将不胜感激。这一定是如此简单，我只是不明白为什么它不起作用。我可以发誓我是正确的做这个...

来源

2011-03-18 creativeedg10

尝试使用此：

<div class="quick-map"> 
<a href="Services/FloorPlan.aspx" onmouseover="document.getElementById('MyImage').src='images/quick-map.png';" onmouseout="document.getElementById('MyImage').src='images/quick-map-over.png';"> 
    <img alt="" src="images/quick-map.png" id="MyImage" /> 
</a> 
</div>

记住id需要在每个网页上独一无二的，所以如果你有多个图像，他们需要不同的ID

来源

2011-03-18 13:44:24

不同的ID或相同的类:) – Kyle 2011-03-18 13:49:20

@Kyle：如果图像都是相同的，那么是相同的类，如果它们是唯一的，那么使用一个类将需要一个抽象级别，我认为这是一个超出范围考虑到来自OP – 2011-03-18 13:59:02

的初始代码，我将研究这个问题，谢谢。 – creativeedg10 2011-03-18 13:59:03

我只是想通了。原来，我还必须给显示器：块与宽度和高度的<span>标记除了我在CSS中引用的图像。我知道这很简单...谢谢大家的帮助。

来源

2011-03-18 14:01:20 creativeedg10

如果它是最好的，可以接受你自己的答案。如果其他答案是有帮助的，你可以对他们加注。 – KatieK 2011-03-18 17:06:41

链接一个JS翻转图像

回答

相关问题