특정 페이지에 대한 무들의 이미지 경로 변경

내 경우에는 사용자가 우리에게 연락 할 때 href 이미지 아이콘을 변경하고 싶습니다. 하지만 그 이미지는 헤더 파일에서로드되고 우리에게 연락 할 때 이미지 경로를 변경하고 싶습니다.특정 페이지에 대한 무들의 이미지 경로 변경

<div class="header_nav_buttons" style="width: 25%;"> 
    <div id="first_img" style="float: left;margin-right: 3px;"> 
<a href="cth/support.php"><img src="cth/theme/boxxie/pix/tech_support.png"/><a> 
</div> 

<div id="second_img"> 
    <a href="cth/contact.php"> 
    <img id="contact_blue_icon" src="cth/theme/boxxie/pix/contact_us.png"/></a> 
    </div> 
</div>

그리고이 Jquery 코드를 시도했습니다.

$('#contact_blue_icon').each(function(){ 
    //Change the src of each img 
    $(this).attr('src','cth/theme/boxxie/pix/blue_contact.png'); 
});

도움을 주시면 감사하겠습니다.

출처

2014-02-25 koli

인가

<img class="contact_blue_icon" src="cth/theme/boxxie/pix/contact_us.png"/></a>

그래서 당신이 class="contact_blue_icon" 필요 붙여 넣기 오류 또는 링크가 올바르게 묶이지 않았습니까? –

붙여 넣기 오류로 고쳐졌습니다. – koli

왜 자바 스크립트에서 특별히이 작업을 수행하려고합니까? 페이지에서 다른 아이콘을 표시하도록 테마를 편집하는 것이 더 좋지 않습니까? 아니면, CSS 배경 이미지 속성을 사용하여 이미지를 설정하는 대신 (명시 적 'img'태그 대신) body 태그의 path-XX-yy 클래스를 사용하여 연락처에 대한 아이콘을 재정의 할 수 있습니다. 페이지 (귀하의 테마 CSS 내에서). – davosmith

'contact_blue_icon'은 (는) ID입니다. 그것은 id이 고유

$('#contact_blue_icon').attr('src','http://image_path');

출처

2014-02-25 07:33:28 Pramod

나는 전체 이미지 경로를 주었다. 그러나 그것은 효과가 없었습니다. – koli

때문에 전체 이미지 경로로 시도 독특한 요소입니다, 당신은 대신 이미지 클래스를 사용해야하지 id="contact_blue_icon"

출처

2014-02-25 07:39:03 Felix

펠릭스 나는 이것도 시도했고 같은 결과를 얻었다. – koli

jQuery를 포함 시켰습니까? 콘솔에 오류가 있습니까? – Felix

예 jquery를 포함하고 콘솔에 오류 메시지가 표시되지 않습니다. – koli

특정 페이지에 대한 무들의 이미지 경로 변경

답변

관련 문제