重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら＞

電子書籍の厳選無料作品が豊富！

画像がうまく表示されないのですが

解決済

  • 質問者：yokubou666
  • 質問日時：
  • 回答数：6件

ページを見るごとにランダムで画像が変わるタグを書き込んだのですが・・・

タグ１
<script language="JavaScript">
<!--
var simg=new Array(5);
simg[0]="icon1.png";
simg[1]="icon2.png";
simg[2]="icon3.png";
simg[3]="icon4.png";
simg[4]="icon5.png";
var Myimg=Math.floor(5*Math.random());
document.write("<img src='"+simg[Myimg]+"'>");
//-->
</script>

タグ２
<SCRIPT LANGUAGE="JavaScript">
<!--
simg=new Array(2);
simg[0]="<a href="XXX" target="_blank"><img src="XXX.jpg" border=0></a>";
simg[1]="<a href="XXX" target="_blank"><img src="XXX.jpg" border=0></a>";
Myimg=Math.floor(2*Math.random());
document.write("<img src='"+simg[Myimg]+"'>");
//-->
</SCRIPT>

タグ１はインフォシークのサーバーでは表示されたのですが、A-RINGSのサーバーでは表示されなかったので、サーバーの問題で表示されないのでしょうか？
表示されないとしたらどのようにしたら表示されるものなのでしょうか？

タグ２はどちらのサーバーも表示されませんでした。
どうしたらちゃんと表示されますでしょうか？

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (6件)

No.6ベストアンサー

以下を試してみて下さい。

これは、前回のテスト3とあまり変わりませんので、コードやURLの打ち間違えなどがなければ表示されると思います。
また、DTIブログの方は原因が分かりませんのでサポートにお問い合わせ下さい。

<html>
<head>
~
</head>
<body>
<script type="text/javascript">
var simg = [
"<a href=\"http://~\"/><img src=\"http://~/~.jpg\" /></a>",
"<a href=\"http://~\"/><img src=\"http://~/~.jpg\" /></a>",
"<a href=\"http://~\"/><img src=\"http://~/~.jpg\" /></a>"
];

document.write(simg[Math.floor(Math.random() * simg.length)]);
</script>
</body>
</html>

この回答への補足

ありがとうございます。
ちゃんと表示されました。
大感謝感激です。
本当にありがとうございました。

補足日時：2008/11/21 00:46
通報する
    • good
    • 0
    • 件
通報する
この回答へのお礼

ありがとうポイントのつけ方がどこに書いてるかわからないのですが
こうすればつけられるのでしょうか？

通報する
お礼日時：2008/11/21 00:59

No.5

いくつかのテストを実行してみてください。

その結果をご報告ください。
また、下記に出てくる"~"表記は省略を意味します。適切なものに変えてテストしてください。

■テスト1
imgタグのsrc属性の値(http://~/~.jpg)を、アドレスバーに直接打ち込んで表示してみてください。

■テスト3
3つのサーバで、以下を実行してみてください。
<html>
<head>
~
</head>
<body>
<img src="http://~/~.jpg" />
</body>
</html>

■テスト3
3つのサーバで、以下を実行してみてください。
<html>
<head>
~
</head>
<body>
<script type="text/javascript">
document.write("<img src=\"http://~/~.jpg\" />");
</script>
</body>
</html>

この回答への補足

遅くなりました。
結果報告です。

■テスト1
ＨＰで表示されている画像と全く同じ画像のページにいけました。

■テスト2
3つのサーバー全てテスト1で表示された画像と全く同じ画像が表示されました。

■テスト3
インフォシークとA-RINGはテスト1で表示された画像と全く同じ画像が表示されましたが、DTIブログでは何も表示されませんでした。

補足日時：2008/11/19 16:44
通報する
    • good
    • 0
    • 件
通報する
この回答へのお礼

色々いじってみてつけ方がわかりました
同じ人にはシステム的につけられないため最高得点をつけさせて頂きました。
DTIブログサーバーには問い合わせてみます。
ありがとうございました。

通報する
お礼日時：2008/11/21 01:09

No.4

<a href=\"XXX\" target=\"_blank\"><img src=\"XXX.jpg\" border=0></a>


上記を単体で表示させるというのは、JavaScriptで下記のように実行するということでしょうか？
document.write("<a href=\"XXX\" target=\"_blank\"><img src=\"XXX.jpg\" border=0></a>");

また、href=\"XXX\"のXXXの部分がhttp://から始まっているのであれば、インフォシークでタグ2のランダム表示を試してみてください。
インフォシークできちんと表示されるのであれば、JavaScriptの方ではなくサーバ側の問題と見て確かでしょう。

また、サーバを借りてウェブサイトを運営しているのでしたら、ご自分のパソコンに画像が無ければならないということではないと思います。

この回答への補足

言葉が変でうまく伝えられなかったみたいです。
私が言う単体でとは

<a href=\"XXX\" target=\"_blank\"><img src=\"XXX.jpg\" border=0></a>
<br>
<a href=\"XXX\" target=\"_blank\"><img src=\"XXX.jpg\" border=0></a>
<br>
<a href=\"XXX\" target=\"_blank\"><img src=\"XXX.jpg\" border=0></a>

こういった形でランダムではなく画像を並べる表示方法ですね

また私はhtmlタグはわかるのですがJavaScriptは余り理解できていないので、JavaScriptで下記のように実行するということでしょうか？
と言う質問はわかりません

私が参考にしてるのは5・6年生にもわかるやさしいJavaScript(http://www.sky.sannet.ne.jp/masapine/java_top.ht …
と言うＨＰなのですがタグをコピーしていじって何とかしてる感じです

インフォシークでもタグ２のランダムを試してみたのでうが全く何も表示されません。
またDTIブログのサーバーを使って試してみたのですがそこでも全く何も表示されませんでした

補足日時：2008/11/17 06:46
通報する
    • good
    • 0
    • 件
通報する

No.3

タグ1でも、直したタグ2でも、ローカルでは普通に表示されました。


ですので、サーバ側の問題ではないでしょうか？
以下のようにしても表示されませんでしょうか。

<script type="text/javascript">
var simg = [
"icon1.png",
"icon2.png",
"icon3.png",
"icon4.png",
"icon5.png"
];

document.write("<img src=\"" + simg[Math.floor(Math.random() * simg.length)] + "\">");
</script>

<script type="text/javascript">
var simg = [
"<a href=\"XXX\" target=\"_blank\"><img src=\"XXX.jpg\" border=0></a>",
"<a href=\"XXX\" target=\"_blank\"><img src=\"XXX.jpg\" border=0></a>",
"<a href=\"XXX\" target=\"_blank\"><img src=\"XXX.jpg\" border=0></a>"
];

document.write(simg[Math.floor(Math.random() * simg.length)]);
</script>

(A-RINGのサイトはここの利用規約上、乗せても大丈夫でしょうか？)

この回答への補足

ありがとうございます。
タグ１正常に表示されました。
嬉しいです。

タグ２は全く表示されませんでしたが…。

規約を調べてみたところ、インフォシークのサーバーは引っかからないのですが、Ａ－ＲＩＮＧのサーバーのサイトとリンクしてる内容が、残念ですが利用規約に引っかかるみたいです。

タグ２のほうですがアフィリエイトで表示された物をコピーして貼り付けたタグなのですが、ランダムで表示しようとさえしなければ

<a href=\"XXX\" target=\"_blank\"><img src=\"XXX.jpg\" border=0></a>

このタグ単体で動くのですがランダムで表示させようとすると全く何も表示されなくなります。
（□の中に×のような表示すら見られませんでした。）

どういう仕組みになってるのか私にはわからないのですが・・・
XXX.jpg
この部分が私のＰＣの内部に無くても単体では表示されるのですが、
XXX.jpg
ランダムで表示させる場合はこの部分をＰＣの内部に作る必要性が出てくるのでしょうか？
（わかりずらい文章ですみません）

補足日時：2008/11/15 20:12
通報する
    • good
    • 0
    • 件
通報する

No.2

きちんと確認せずに回答してしまい、申し訳ありません。



simg[0]="<a href="XXX" target="_blank"><img src="XXX.jpg" border=0></a>";

この部分に問題がありました。詳しく説明します。

文字列は、クォーテーションで囲みます。

"xxx"

または

'xxx'

のように表します。

問題の部分では、最初と最後のクォーテーションの中に、いくつかのクォーテーションを書いてしまったため、エラーを引き起こしてしまったのです。

"xxx"xxx"
↑この部分

クォーテーションで囲まれた文字列の中に、クォーテーションを書く場合は

"xxx\"xxx"

のように、バックスラッシュでエスケープする必要があります。ですので、問題の部分を正しく書くと、

simg[0]="<a href=\"XXX\" target=\"_blank\"><img src=\"XXX.jpg\" border=0></a>";

このようになります。
これで表示されると思います。
ども、申し訳ありませんでした。

この回答への補足

ありがとうございます。早速やってみました

simg[0]="<a href="XXX" target="_blank"><img src="XXX.jpg" border=0></a>";
↓
simg[0]="<a href=\"XXX\" target=\"_blank\"><img src=\"XXX.jpg\" border=0></a>";

ですが、表示されませんでした。
問題のページのURLを書き込んだほうがよろしいでしょうか？

補足日時：2008/11/14 17:42
通報する
    • good
    • 0
    • 件
通報する

No.1

タグ2の、以下の部分がおかしいと思います。



document.write("<img src='"+simg[Myimg]+"'>");

これを実行すると以下のように、imgタグのsrc要素の中に、aタグが入ってしまいます。

<img src="<a href="XXX" target="_blank"><img src="XXX.jpg" border=0></a>">

なので、タグ2を以下のようにすれば、aタグだけ(もともと中にimgタグが入っています)を表示することが出来ると思います。

document.write(simg[Myimg]);

この回答への補足

お早い回答ありがとうございます

早速…
document.write("<img src='"+simg[Myimg]+"'>");
を↓
document.write(simg[Myimg]);

に変えてみたのですがうまく表示されませんでした

気になってることがあるのですが…
<a href="XXX" target="_blank"><img src="XXX.jpg" border=0></a>";
この部分ですが、アフィリエイトの元からタグをコピーしたものなのですが、もしかしてそれが原因で表示されなかったりしますか？

補足日時：2008/11/13 18:21
通報する
    • good
    • 0
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報