0

岡井だから、私はこの世界地図を私の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];
}
}

wordpressはその一部を「シュガーコード」しているように見えるため、htmlコードの下にあるため、機能しません。

それが機能するように、Javascriptコードをどこに置くべきですか?

4

1 に答える 1

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>
于 2012-04-13T01:06:28.080 に答える