★WP マウスのロールオーバーで切り替わる画像を，変数を使って動的にセットしたい。

Question

ワードプレスの上記ロールオーバーでの画像切り替えでは，
<img src="画像１" onmouseover="this.src='画像２'" onmouseout="this.src='画像１'">というやり方が普通によく使われていて，一番簡単かなと思います。
これを利用して，この画像１と画像２を，変数を使って動的にセットしたいと思いました。

ところが，最初のsrc="画像１"は src="'.hensu1.'" で問題なくセットできますが，"this.src=''.hensu2.''" は（当然なのかもしれませんが）syntax error になってしまい，実行できません。
このエラーを回避しようと，いろいろググったり，記号を変えたりしましたが，まったく解決できません。
ＷＰをいじり始めてまだ２か月程度ですので，構文の深い意味を理解しておらず，レベルの低い質問で申し訳ありませんが，もし（比較的簡単な）解決策がありましたら，何卒ご教示お願いします。

Comments

[kei344]

書かれているコードを提示されたほうが回答を得やすいと思います。

Answer 1

// echo '<img src="'.$nstr.'" onmouseover="this.src=''.$str.''" onmouseout="this.src=''.$nstr.''">';
// ↓
   echo '<img src="'.$nstr.'" onmouseover="this.src=\''.$str.'\'" onmouseout="this.src=\''.$nstr.'\'">';

Comments

[eaglespot]

有難うございました。
うまくいきました！！エスケープ記号ですね。
やっぱりほんのちょっとのことでしたが、経験がないと、聞いてみないとなかなか気がつきませんね。ほんとうに助かりました。これからもよろしくお願いします。

Answer 2

hensu1というのはphpの変数のことでしょうか？
だとすれば$hensu1の間違いではないでしょうか？

syntax errorがjsのエラーなのか、phpのエラーなのかわかりますか？
実際のコードを見せていただくことはできませんか？

Comments

[eaglespot]

ありがとうございます。
hensu というのは「変数」のつもりで，実際は$str, $nstr という適当な名前でいれています。
また，下のコードでは，エラーが出ないように "this.src=('.$str.')" と，()で括っています。でも，これではマウスで反応しない無効なテキストにしかなっていません。

<?php
$thumbnail_id = get_post_thumbnail_id();
$eye_img = wp_get_attachment_image_src( $thumbnail_id , 'medium' );
$str = $eye_img[0];
$nstr = str_replace('.gif' , '.jpg', $str);
echo '<img src="'.$nstr.'" onmouseover="this.src=('.$str.')" onmouseout="this.src=('.$nstr.')">';
?>

これを
echo '<img src="'.$nstr.'" onmouseover="this.src=''.$str.''" onmouseout="this.src=''.$nstr.''">';
のように，普通にURLを記入するようなつもりで記述すると，

Parse error: syntax error, unexpected ''.$str.'' (T_CONSTANT_ENCAPSED_STRING), expecting ',' or ';' in /home/.../wp-content/themes/.../index.php on line 29

というように白紙にメッセージだけが表示されます。

これで手がかりになるでしょうか。どうかアドバイスをお願いします。