如何在点击时更改我的链接图片？

-3

我有以下代码，允许用户将鼠标悬停在图像上，它会显示一个新图像（以及精灵图像的新部分）。我希望它在点击时显示第三个图像。我在做这个最有效的方法吗？ 2.如何编码点击图片以显示？如何在点击时更改我的链接图片？

HTML：

<a href="<?php echo base_url('home/linkedin_login')?>" ><img style = "border-radius: 5px;" class="signin-all" src="assets/images/header/blank.png"></a>

CSS：

[class^="signin-"] { 
    display: inline-block; 

    vertical-align: text-top; 
    background-image: url('../images/signin_sprite.jpg'); 

    background-repeat: no-repeat; 
    *margin-right: .3em; 
} 
[class^="signin-"]:last-child { 
    *margin-left: 0; 
} 
.signin-all{ 
background-position: 0px 0px; 
    width: 132px; 
    height: 37px; 
    position: absolute; 
} 
.signin-all:hover{ 
background-position: 0px -34px; 
    width: 132px; 
    height: 34px; 
    position: absolute; 
}

来源

2012-07-27 Daniel Fein

丹尼尔，你应该接受你的一些问题的答案。 – scottheckel 2012-07-27 02:10:19

这是什么意思？ – 2012-07-27 02:13:37

阅读常见问题解答：http://stackoverflow.com/faq#howtoask – 2012-07-27 02:14:59

您需要JavaScript来解决这个问题。

<a href="javascript:void(0)" onclick="changeImage()"> 
    <img style = "border-radius: 5px;" class="signin-all" src="assets/images/header/blank.png" id="image"> 
</a> 

<script> 
    function changeImage() { 
     document.getElementById("image").src="newImageSource"; 
    } 
</script>

来源

2012-07-27 02:08:49

嗯，这对我不起作用我试过了：与javascript：（在脚本标记）function changeImage（）{ document.getElementById（“image “）的.src =” 资产/上传/ 13431777491_2144482096395_2018984525_n.jpg“; } – 2012-07-27 02:18:01

我添加了一个“a”标签，以便您可以点击。立即尝试。 – 2012-07-27 02:21:43

工作过，非常感谢你！ – 2012-07-27 02:49:35

如何在点击时更改我的链接图片？

回答

相关问题