使用URL更改图像src悬停使用URL作为ID

-1

我正在尝试更改悬停时的图像src。使用URL更改图像src悬停使用URL作为ID

我想通过其URL或替代文本来识别图像，因为在这种情况下我无法添加类。

我试图从这个堆栈溢出链接中的说明，没有运气：

悬停在该图片上的网址时：

https://static1.squarespace.com/static/5463b725e4b06d233c3a876a/t/56a921809cadb641f7ce1a09/1453912583654/Screen+Shot+2016-01-27+at+8.34.20+AM.png?format=750w

我会把它想改为这张图片：

（我有这张图片的链接，但是我不能再使用更多的图片在我的后两个环节）

这里是URL到我的网页：

https://toby-thiermann.squarespace.com/new-index/

谢谢。

来源

2016-07-31 junger

通常，像这样的最佳方法是不使用标签，而是使用CSS。使用背景图像方法并将其添加到您的div将允许您换出图像。

尝试是这样的：

<div class="your-class-here"></div>

然后CSS这样的：

.your-class-here{ 
    width: 200px; 
    height: 200px; 
    background-image: url("your-non-hover-image") 
    transition: all ease 250ms 
} 
.your-class-here:hover{ 
    background-image: url("your-hover-image") 
}

我加了一个过渡，这才使得它有点顺畅。

来源

2016-08-01 02:19:58 JoethaCoder

使用URL更改图像src悬停使用URL作为ID

回答

相关问题