Javascript 图像更改,即使它是无关的
我有这个脚本,可以检测cookies并根据所选语言更改照片。当我尝试单击左按钮时,图像会正确更改,但当我单击右按钮时,它会更改左按钮照片。这是我的密码:- HTMLJavascript 图像更改,即使它是无关的,javascript,php,jquery,Javascript,Php,Jquery,我有这个脚本,可以检测cookies并根据所选语言更改照片。当我尝试单击左按钮时,图像会正确更改,但当我单击右按钮时,它会更改左按钮照片。这是我的密码:- HTML 请检查HTML标题下显示的代码。第一个IF没有正确终止,并且您没有用?>@riggsfully关闭PHP解释器,谢谢。我已经更新了它。这是否改变了发生的事情???@RiggsFolly仍然是一样的。所有的img标签都有相同的ID。 <div id="slide_left" class="slide_left_close srl
请检查HTML标题下显示的代码。第一个IF没有正确终止,并且您没有用?>@riggsfully关闭PHP解释器,谢谢。我已经更新了它。这是否改变了发生的事情???@RiggsFolly仍然是一样的。所有的img标签都有相同的ID。
<div id="slide_left" class="slide_left_close srl_menu">
<?php
if ($_COOKIE['language'] == 'indo') {
echo '<button id="button_left" class="button-left" value="indo"><img id="bsright" src="'.$imgUrl.'images/indo/slide-left-button.png"/></button>';
} else {
echo '<button id="button_left" class="button-left" value="en"><img id="bsright" src="'.$imgUrl.'images/en/slide-left-button.png"/></button>';
}
?>
</div>
<div id="slide_right" class="slide_right_close srl_menu">
<?php
if ($_COOKIE['language'] == 'indo') {
echo '<button id="button_right" class="button" value="indo"><img id="bsright" src="'.$imgUrl.'images/indo/slide-right-button.png"/></button>';
} else {
echo '<button id="button_right" class="button" value="en"><img id="bsright" src="'.$imgUrl.'images/en/slide-right-button.png"/></button>';
}
?>
</div>
$(document).ready( function(){
/************************/
/* SLIDE LEFT BUTTON */
/***************************************/
$("#button_left").on( "click", function(){
var btnLeftLang = $(this).attr("value");
/*Opens and closes the menu*/
$("#slide_left").toggleClass("slide_left_open");
if($("#slide_left").hasClass("slide_left_open")){
/*If the menu is open, then:*/
/*Change the menu button icon*/
$("#bsleft").attr('src',imgPath+'images/'+btnLeftLang+'/slide-left-button.png');
}else{
/*If the menu is closed, change to the original button icon*/
$("#bsleft").attr('src',imgPath+'images/'+btnLeftLang+'/slide-left-button.png');
}
});
/************************/
/* SLIDE RIGHT BUTTON */
/***************************************/
$("#button_right").on( "click", function(){
var btnLang = $(this).attr("value");
/*Opens and closes the menu*/
$("#slide_right").toggleClass("slide_right_open");
if($("#slide_right").hasClass("slide_right_open")){
/*Change the menu button icon*/
$("#bsright").attr('src',imgPath+'images/'+btnLang+'/slide-right-button.png');
}else{
/*If the menu is closed, change to the original button icon*/
$("#bsright").attr('src',imgPath+'images/'+btnLang+'/slide-right-button.png');
}
});
});