2012-04-12 2 views
0

Okai так что я это WorldMap в на моем WordPress страниц и иметь, например, этот кодГде я должен помещать свой Javascript в 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. . проблема в том, я не могу иметь функцию, как этот

<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]; 
} 
} 

ниже HTML кода, так как WordPress, кажется, «сахар-код» какая-то часть его, чтобы он не работает.

Где я должен поставить код Javascript, чтобы он работал?

+0

Это не Jquery его просто яваскриптом и что вы подразумеваете под «сахарной code " – Robbie

+0

Вы используете Javascript здесь, поэтому я отредактировал ваш вопрос, чтобы это отразить. –

+0

Это то, что я слышал. Я всегда получаю Uncaught ReferenceError: changeImages не определен, в консоли, когда я нахожу изображение, где он должен меняться. – user1279173

ответ

0

Вот пример того, как я добавил его на сайт, который я построил для клиента. Мне было трудно включить его извне, поэтому я просто использовал редактор для размещения изображений. Я использую TinyMCE Advanced (я не уверен, что если редактор регулярных бы вырезать форматирование, но он работает с TinyMCE Advanced):

<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> 
Смежные вопросы