Javascriptのスワップイメージ、

Question

私はサムネイルがホバーされたときに、サイトのセットアップがImがdiv要素内の画像を交換してあり、ソースはここにある解決イメージ研：http://www.dynamicdrive.com/dynamicindex4/thumbnailviewer2.js

イムは、私が実行して問題に実行していますマウスのサムネイル上にカーソルと、それはロードスピナーを示しており、そこに座って、私はURLにダウンかなり確信している

NOTIMAGE-のhttp：？//localhost/index.php main_page = popup_image & PID = 1 & PIC = 0 & products_image = images/test_product_01.jpg-NOTIMAGE`

私はそれを読み込んでいることは知っていますが、なぜ画像が得られないのかは分かりません。私はエラーや警告 "画像として解釈されるリソースがMIMEタイプのテキスト/ htmlで転送されている"が表示されます。

誰かが間違っている可能性があるアイデアはありますか？ここにソースのスナップがあります。

<a href="http://localhost/index.php?main_page=popup_image&amp;pID=1&pic=0&products_image=images/test_product_01.jpg" target="_blank" rel="enlargeimage" rev="targetdiv:mainSlider,link:http://localhost/index.php?main_page=popup_image&amp;pID=1"><img src="images/test_product_01.jpg" alt="Test Product" title=" Test Product " width="35" height="35" /><br /><span class="imgLinkAdditional"></span></a></div> 

Answer 1

エラーメッセージ：

リソースが画像として解釈が、MIMEタイプtext/HTMLで移しました。

死んではいけません。あなたのindex.php?...products_image=images/test_product_01.jpgは、おそらく、バックimage/jpeg MIMEタイプを持っていますが、これは大きなしかし、サーバーはヘッダーに

Content-type: text/html 

を言っているはずのデータのブログを送信しています。したがって、ブラウザはtext/htmlのデータを<img>に入れると思っており、正しくは拒否します。

解決策は、PHPスクリプトがイメージを返信するときに、Content-typeヘッダーをimage/jpegに設定することです。