자바 스크립트에서 이미지를 클릭 할 수있게 만드는 방법은 무엇입니까?

Question

최근에이 블로거에서 맞춤 회전 배너를 설정했는데이 코드를 사용하여 보았지만 이미지를 클릭 할 수있게하여 홈페이지에 연결할 수있는 방법을 찾지 못했습니다. 도움을 주시면 감사하겠습니다.

을 Heres 코드 :

<script type='text/javascript'> 
var HeaderImage= new Array() 

HeaderImage[0]=&quot;http://Example1.png&quot; 
HeaderImage[1]=&quot;http://Example2.png&quot; 
HeaderImage[2]=&quot;http://Example3.png&quot; 
HeaderImage[3]=&quot;http://Example4.png&quot; 
HeaderImage[4]=&quot;http://Example5.gif&quot; 
HeaderImage[5]=&quot;http://Example6.png&quot; 
HeaderImage[6]=&quot;http://Example7.png&quot; 
var random=Math.round(6*Math.random()); 

document.write(&quot;<style>&quot;); 
document.write(&quot;#header {&quot;); 
document.write(&#39; background:url(&quot;&#39; + HeaderImage[random] + &#39;&quot;) no-repeat left TOP;&#39;); 
document.write(&quot; }&quot;); 
document.write(&quot;</style>&quot;); 

</script> 

그것의 현재 작업들. 나는 모든 사람들이 나를 꼬박 꼬박 꼬박 꼬박 꼬박 꼬박 꼬박 꼬박 꼬박 꼬박 꼬박 꼬박 꼬박 꼬박 꼬박 꼬박 꼬박 꼬박 꼬박 꼬리표를 넣을 곳이 어디인지 정확하게 알 수 없었다 모든 도움에 감사드립니다.

Answer 1

이 코드 후, 당신이 우리를 보여 주었다 코드 뒤에이를 넣어

는 &quot 대신 "에 문제가 있습니다. 그러나이 코드와는 별도로 객체의 배경 이미지를 id="header"으로 설정하는 것입니다. 해당 객체를 클릭 가능하게 만들려면 헤더 객체를 <a> 태그로 묶으십시오. 당신이 간단한이다 (면적 클릭 할 수있는 링크를 사용하지 않는 이유 몇 가지 이유가 있다면

<a href="xxx"><div id="header"></a></a> 

: 헤더 오브젝트 사업부 인 경우 예를 들어, 당신은 같은 것을 사용하는 것이) 그것을 할 방법은, 당신은이 같은 자바 스크립트를 사용할 수 있습니다

document.getElementById("header").onclick = function() { 
    window.location = "http://my.example.com"; 
} 

이는 두 페이지 HTML (이 코드를 실행하면 이렇게 문제의 객체가 이미로드) 다음에 위치한다.

헤더 개체가 포함 된 실제 HTML을 표시하면 클릭 할 수있는 방법에 대해보다 자세히 설명 할 수 있습니다. 이것에

<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'> 
<b:widget id='Header1' locked='true' title='Mum4d.com (Header)' type='Header'/> 
</b:section> 

(단지 <a> 태그를 둘러싸고 :

당신이 당신의 HTML과는 클릭 할 수 있도록하려는 경우, 당신의 HTML을 검토에서

, 당신은 당신의 HTML의이 부분을 변경할 수 있습니다

을

<a href="http://my.example.com"> 
    <b:section class='header' id='header' maxwidgets='2' showaddelement='yes'> 
     <b:widget id='Header1' locked='true' title='Mum4d.com (Header)' type='Header'/> 
    </b:section> 
</a> 

Answer 2

음, 실제로 이미지 요소가 없으므로 이것이 첫 번째 문제입니다.

가장 간단한 해결책은 (이미지를 클릭 할 수있게 만드는) href 속성이 색인에 설정된 앵커 태그로 이미지를 래핑하는 것입니다. 당신이 실제로하는 것처럼 보이는 것은 idheader를 가진 요소에 대해 동적으로 CSS를 작성하고 그 배경을 이미지에 설정하는 것입니다. 이렇게하면 실제 img 요소가 없으므로 사용자가 요소 자체를 클릭하지 않아도됩니다.

마크 업의 더 이상 보지 않고, 난 그냥이 <a href='/'><some_element id='header'></some_element></a>

Answer 3

같은 앵커에는 #header 요소를 포장 제안 Blogger에서 어떻게 작동하는지 나도 몰라 것, 그래서 난 그냥 당신에게 신속하고 더러운 방법을 말해주지 그것을 자바 스크립트로 작동 시키십시오. 심지어 닫는 스크립트 태그

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> 
<script> 
$(function() { 
    $('#header').click(function() { 
     window.location = '/'; 
    }); 
}); 
</script>