使用jQuery单击即可切换图像

托马斯·塞巴斯蒂安(Thomas Sebastian)

我有两个图像,需要在单击图像时进行切换。

    <img id='arrowRotate' src='images/prof_arrow1.png' data-swap='images/prof_arrow.png' 
data-src='images/prof_arrow1.png' />

用户单击图像时,src应该获得的值,data-swap而再次单击时,src应更改为data-src这应该像切换一样继续发生。任何帮助表示赞赏。

$("#arrowRotate").click(function() {
    var swapImage = $("#arrowGrey").attr("data-swap");
    $("#arrowGrey").attr({
        'src': swapImage,
        id: 'arrowOrange'
    });
});  

这是我到目前为止所到的地方。

克里希·R。

根据您对我的问题的理解,希望这是您所期望的,

$("#arrowRotate").click(function() { 
      var _this = $(this);
      var current = _this.attr("src");
      var swap = _this.attr("data-swap");     
     _this.attr('src', swap).attr("data-swap",current);   
});  

演示小提琴

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用jQuery单击切换图像

来自分类Dev

使用jQuery定期切换图像

来自分类Dev

使用 jquery 切换图像

来自分类Dev

jQuery的:切换图像

来自分类Dev

单击切换图像源

来自分类Dev

单击切换并替换图像

来自分类Dev

如何使用jQuery使用.load()切换图像?

来自分类Dev

无法使用 JQuery 函数切换图像

来自分类Dev

jQuery切换图像CSS

来自分类Dev

单个按钮即可播放YouTube iframe视频/将其静音。单击播放/静音时也可以切换图像

来自分类Dev

使用Ajax切换图像

来自分类Dev

使用数据模板切换图像

来自分类Dev

jQuery-如果单击父类,则切换图像Src隐藏/显示

来自分类Dev

单击切换后交换图像

来自分类Dev

使用jQuery切换图片src

来自分类Dev

使用jQuery切换图片src

来自分类Dev

使用jQuery定期切换图片

来自分类Dev

点击切换图像

来自分类Dev

在没有Jquery的JavaScript中使用addEventListener切换图像

来自分类Dev

jQuery 按钮:播放/暂停音频和切换图像

来自分类Dev

单击交换/切换图像时,简单的显示/隐藏切换

来自分类Dev

切换图像时CPU使用率增加

来自分类Dev

如何使用javascript正确切换图像?

来自分类Dev

如何使用javascript正确切换图像?

来自分类Dev

切换图像时CPU使用率增加

来自分类Dev

在 Flutter 中使用 GestureDetector 切换图像

来自分类Dev

切换图片jQuery

来自分类Dev

jQuery切换-单击图标即可打开吗?

来自分类Dev

熄灭游戏,并切换图像?