로드 이미지가

Question

내가, 내가 워드 프레스 사용하고 있습니다 위의 이미지와 비슷한 뭔가를 시도하고 내가 PHP와 HTML 출력을 구축 할 것입니다을 클릭 그러나 나는 빅에 더 큰 이미지를로드 할 때 이미지 슬롯을 클릭하면

아래에서이 방법을 사용하는 사이트 pof.com을 찾았지만 시도 할 때 아래 오류가 나타납니다. 도와주세요?

<script> 
function B(strNewImage, caption) { 
    document.images['MP'].src = strNewImage; 
    document.getElementById("icaption").innerHTML = caption; 
} 
</script> 

<img src="http://default_image.jpg" border="0" id="mp" name="MP"> 

<a href="javascript: B('image_2.jpg','test')"><img src="thumbnails/image_2.jpg" border="0"></a> 
<a href="javascript: B('image_3.jpg','test')"><img src="thumbnails/image_3.jpg" border="0"></a> 
<a href="javascript: B('image_4.jpg','test')"><img src="thumbnails/image_4.jpg" border="0"></a> 
<a href="javascript: B('image_5.jpg','test')"><img src="thumbnails/image_5.jpg" border="0"></a> 

ERROR :

Uncaught ReferenceError: B is not defined 

Answer 1

코드가 작동 중입니다. DEMO은 모두 B 기능을 정의한 곳입니다. 또는 정의되지 않은 유형의 스크립트 태그가 작동하지 않을 수도 있습니다.

<script type="text/javascript"> 
function B(strNewImage, caption) { 
    document.images['MP'].src = strNewImage; 
    document.getElementById("icaption").innerHTML = caption; 
} 
</script> 

Answer 2

시도는 jQuery를하는 경우

window.onload = function() { 
... 
} 

에 포장하기 :

$(function(){ 
... 
}); 

또는 페이지 하단에 스크립트를 이동합니다.