ランディングページに表示している画像をクリックするとNOT FOUNDになり表示されなくなる。

Question

掲題の件ですが、画像をクリックスと、NOT Foundになり、表示されません。
現状としては下記です。原因究明のヒントになるかもしれませんので記載しておきます。

・SSl認証を設定している
・画像をランディングページとは別のサーバーにおいている
・画像の表示ソースはたとえばこんな感じです。
src="<?=BASE_URL_IMAGE?>img/sample/hoge.png"
つまり<?=BASE_URL_IMAGE?>の箇所はdefineで定義している。

念のため画像も添付しておきます。

もし詳しい方がいらっしゃればご教示頂けますとありがたいです。
宜しくお願い致します。

追記

画像をクリックすると、NOTFoundになる原因箇所が判明致しました。
しかし、問題解決までには至っておりません。

<!--YOUTUBEを軽くする-->
<script type="text/javascript">// <![CDATA[
$('img').click(function(){
video = '<iframe src="'+ $(this).attr('data-video') +'" frameborder="0" width="799" height="449"></iframe>';
$(this).replaceWith(video);
});
// ]]></script>
<!--YOUTUBEを軽くする-->

このようにyoutubeの埋め込みを軽くするために
画像をクリックしたら、youtubeのiframeが読み込まれるように設定しています。

このscriptにより、画像が表示されている箇所(iframeへの切替えが関係ない箇所)にも影響が及んでいるようです。

おそらく$('img').click(function(){のimgを他の記述にすることで解決できそうですが、
どのような修正にすればいいでしょうか？

以上ご教示頂けますとありがたいです。

Answer 1

画像をクリックスと

ということは、imgタグをaタグで囲んでいるということですよね。
そのaタグのhrefがおかしいです。
元のページに画像が表示されているなら、imgタグは正常です。

Comments

[akkkkin]

回答ありがとうございます。
＞、imgタグをaタグで囲んでいるということですよね。
いえ、aタグは使用していません。　src=””で表示しています。

[otn]

クリックはJavaScriptで処理ですか。そこが肝心なのに書いてないと誰も正しく回答できません。
imgタグにクリックに反応する機能があると思っていたのでしたら、間違いですよ。

Answer 2

htmlベースのソースを確認すればBASE_URL_IMAGEがきちんと参照されているか確認できます
ちなみにショートタグを使わずにechoしても同じでしょうか？

Comments

[akkkkin]

回答ありがとうございます。
＞ちなみにショートタグを使わずにechoしても同じでしょうか？
同じです。

Answer 3

<?=

記法は
php5.3以下では
short_open_tagをonにする必要があります。
versionは5.4以上でしょうか？

Comments

[akkkkin]

回答ありがとうございます。
＞versionは5.4以上でしょうか？
はい、versionは5.6.27です。

[kaji]

define側でスペルミスなどしてませんか？
こちらで同様コードを実行してみましたが問題ありませんでした。
<?php define('BASE_URL_IMAGE', "hoge");?>
<?=BASE_URL_IMAGE?>
> hoge

Answer 4

youtubeに切り替える画像の属性にclassを追加すればいいと思います。
<img class="youtube" href="..." />
$("img.youtube").click(

Comments

[akkkkin]

回答ありがとうございます。
解決できました。

Answer 5

出力されたHTML（ブラウザで「ページのソースを表示」）で、閉じタグ忘れや属性値の閉じ忘れを確認してみてください。

Comments

[akkkkin]

回答ありがとうございます。
原因が判明しました。追記しました。
しかし、まだ問題解決までには至っておりません。