2012-04-12 7 views
0

OKAI 그래서 난 내 워드 프레스 페이지에이 맵에있는 예를 들어이 코드어디에서 Wordpress에 자바 스크립트를 넣어야합니까?

<area onmousedown="changeImages('world_leisureCargo_01', './images/worldmap/north_america.jpg')" onmouseout="changeImages('world_leisureCargo_01', './images/worldmap/world.jpg')" onmouseover="changeImages('world_leisureCargo_01', './images/worldmap/north_america.jpg')" coords="121,72,155,45,202,46,248,35,289,27,340,44,352,54,336,69,349,93,342,110,261,159,261,177,240,162,220,168,213,187,218,198,233,189,235,202,244,211,249,225,241,225,216,206,190,195,171,171,159,130,172,111,178,78,154,68,132,79" href="#" alt="North America" shape="poly"> 

기능 changeImage를 사용하여지도의 특정 부분에 유혹되면 어떻게이 코드가하는 일은 다른 이미지에 변화가있다. . 문제는 내가 워드 프레스는 "설탕 코드"이 작품을 나던, 그래서 그것의 일부에 보이기 때문에 HTML 코드 아래에이

<script type="text/javascript"> 

function changeImages() { 
if (document.images && (preloadFlag == true)) { 
for (var i=0; i<changeImages.arguments.length; i+=2) { 
document[changeImages.arguments[i]].src = changeImages.arguments[i+1]; 
} 
} 

처럼 기능을하지 못할 것입니다.

어디에서 자바 스크립트 코드를 입력해야합니까?

+0

code " – Robbie

+0

여기에 자바 스크립트를 사용하고 있으므로 질문을 편집하여 반영하도록하겠습니다. –

+0

그게 전부 들었어. 난 항상 잡히지 않아. ReferenceError : changeImages가 정의되어 있지 않다. 콘솔에서 내가 이미지를 바꿔야 할 곳을 가리킨다. – user1279173

답변

0

다음은 내가 클라이언트 용으로 구축 한 사이트에서 어떻게 추가했는지 예입니다. 나는 그것을 외부에 포함 시키는데 어려움을 겪었으므로 편집자를 사용하여 이미지를 배치했다. 나는 (I 정규 편집기의 서식을 제거한다면 모르겠지만, TinyMCE에 고급 작동) TinyMCE에 고급을 사용 : 그 그냥 자바 스크립트 jQuery를하지 않고 당신이 설탕이 "무엇을 의미합니까

<p style="text-align: center;"> 
    <a title="Other Notable Projects" href="http://www.amasonry.com/other-notable-projects/"> 
    <img class="alignnone" onmouseover="this.src='http://www.amasonry.com/wp-content/themes/infocus/images/Sonic-Headquarters-Sepia.jpg';" onmouseout="this.src='http://www.amasonry.com/wp-content/themes/infocus/images/Sonic-Headquarters-Color.jpg';" src="http://www.amasonry.com/wp-content/themes/infocus/images/Sonic-Headquarters-Color.jpg" alt="" width="375" height="205" /> 
    </a> 
    </p> 
관련 문제