JS图片更换还原操作,通过图片识别标识
//图片更换还原操作,图片识别标识 如图片img.png 可换成 img2.png function img_biaoshi(caozuo,img_id, biaoshi) { var img_src = document.getElementById(img_id).src; //获取id图片路径 var weizhi = img_src.lastIndexOf('.');//查找最后一个出现的位置 var qian=img_src.substring(0,weizhi);//图片前部分 var hou= img_src.substring(weizhi);//图片后部分 if(caozuo=='add') return qian+biaoshi+hou;//添加图片识别标识 if(caozuo=='rm') return qian.substring(0, qian.length - biaoshi.length)+hou;//去掉图片识别标识 else return false; }
下面调用
//选项卡点击事件 mui('.mui-bar-tab').on('tap', 'a', function(e) { var targetTab = this.getAttribute('href'); if(targetTab == activeTab) { return; } //更换标题 //title.innerHTML = this.querySelector('.mui-tab-label').innerHTML; //显示目标选项卡 //若为iOS平台或非首次显示,则直接显示 if(mui.os.ios || aniShow[targetTab]) { plus.webview.show(targetTab); } else { //否则,使用fade-in动画,且保存变量 var temp = {}; temp[targetTab] = "true"; mui.extend(aniShow, temp); plus.webview.show(targetTab, "pop-in", 200); } //alert(activeTab+'是上一个,当前'+targetTab); //console.log(document.getElementById(activeTab).src); document.getElementById(activeTab).src = img_biaoshi('rm',activeTab, '1'); //上一个 document.getElementById(targetTab).src = img_biaoshi('add',targetTab, '1'); //当前 plus.webview.hide(activeTab); //隐藏当前; //更改当前活跃的选项卡 activeTab = targetTab; });