• ベストアンサー

外部スクリプトファイルで表示した画像のサイズ変更

時間ごとに違う画像を表示するスクリプトを外部ファイルとして設置し、複数のページで読み込みます。 <script language="javascript" src="○.js"></script> ただ、ページ毎で画像のサイズを変更したいのです。 ページAでは120×120で表示、ページBでは200×200で表示といった形です。 ページ毎のhtmlタグでの指定でできますでしょうか?

質問者が選んだベストアンサー

  • ベストアンサー
noname#199778
noname#199778
回答No.2

外部ファイルのスクリプトがdocument.write()でimg要素を書き出すようになっているのであれば、それはjsファイル自体を改変する必要があると思います。 HTMLファイルの方からscriptを個別に記述すれば対応できないことではないかもしれませんが、その場合はスクリプトを外部化するメリットを大なり小なり殺いでしまうでしょう。 それでもよければ、HTMLファイルの側から対処することも可能です。 もし、外部ファイルのスクリプトが、document.image.src=""で指定の画像を読み込み時間ごとに可変表示させるような形になっていて、スクリプトの方で表示サイズを自動調整する処理が入っていなければ、そのスクリプトのターゲットになるimg要素に表示サイズを指定するだけで対処できるかもしれません。 いずれにしても、外部ファイル内のスクリプトの内容がわからないと、対処のしようがありません。 具体的に対処するスクリプトをここで提示してもらいたいとお考えでしたら、利用規約で制限されている情報(具体的なURL情報など)を伏せて、外部ファイルのスクリプトの内容を開示いただいたほうが良いと思いますよ。 もし配布されているスクリプトをご利用でしたら、権利上のことを鑑みて、そのスクリプトファイルの配布元と置き場所を紹介していただくのが妥当かもしれません。 参考まで…

mami0305
質問者

お礼

やっぱり無理ですか・・・。 現在ディレクトリを分けることで二つのサイトを運営してます。 javascriptを外部ファイルで扱ったことはないのですが、これができるなら楽だし外部ファイルで置こうかなーと思った次第です(^^ゞ (近況写真(軽)をどちらでも表示させたいけれど、デザイン構成が全く違うので表示サイズは変えなきゃなぁと。) ご提案いただいたようにそれぞれのhtmlに直接scriptを書くことにします(^_^;)

その他の回答 (1)

  • the845t
  • ベストアンサー率33% (246/743)
回答No.1

JavaScriptで出力しているものをHTMLタグでどうこうできはしません。 ○.jsの中身がどうなっているか分かりませんが、 関数で書き出すようになっているのであれば、 サイズを引数として持たしてはいかがですか?

mami0305
質問者

お礼

簡潔なご回答ありがとうございました。

関連するQ&A

  • 外部ジャバスクリプトファイルを呼び出す時

    外部ジャバスクリプトファイルを呼び出す時、htmlファイルに、 <script language="JavaScript1.1" src="***.js"></script> などと書いているのですが、どうも表示が遅いような気がしています。 この1.1というのはどういう意味なのでしょうか、それから、これは必要なのでしょうか? 宜しくお願いいたします。

  • これだけ外部スクリプトで動かない

    <script type="text/javascript"> <!-- kikan=4; function new4W(writeday){ if((new Date()-new Date(writeday))/(24*60*60*1000)<=kikan) document.write("<img src='/img/ic/new036.gif'>"); } // --> </script> <script>new4W("2008/03/16")</script> 指定した日付(この場合 2008/03/16)から4日間、 画像を表示させるものです。<body>~</body>でちゃんと動きます。 <SCRIPT LANGUAGE="JavaScript" SRC="http://~/js/newmark.js"></SCRIPT> <script>new4W("2008/03/16")</script> 外部スクリプトにしました。そのまま内容を移行しましたが動きません。 呼び出しの部分を <head>~</head>に挿入しても、それでも動きません。 指定を絶対パス・相対パスいづれでも動きません。 これとは別に「3月18日は○○さんの誕生日です」なる JavaScript を 外部から引いてますが、こちらは問題なくできています。 指定URLも直接移動で内容が表示されるのを確認しました。 どうかご指導いただければと思います。よろしくお願いします。

  • 外部呼出しのjsファイルについて

    外部呼出しするファイルを直接HTML内に記述したいのですがどのようにしたらよいのかわかりません。 ご存知の方がいましたらお教えください。 通常の方法は分かるのですが... <script LANGUAGE="javascript" src="xxx.js"></script> このような形で記述したいです。 <script LANGUAGE="javascript"><!-- src="xxx.js"; //--> </script>

  • 外部JavaScriptファイルから呼び出したい!

    ページを早く表示させるために、コピー&ペーストでスクリプトを外部ファイル化しました。 <script language="JavaScript" src="../js/menu.js"></script> ↑とコピペした外部ファイルへリンクさせ、その後、 <script language="JavaScript">mmLoadMenus();</script> と記述してある部分があるのですが、うまく呼びだせてないようでランタイムエラーがでます。 すべてのJavaScriptを1ファイル内に記述しているときはうまく動作しているのですが、外部ファイルに切り離すとエラーが出ます。 外部ファイル化したために、mmLoadMenus();が動作しないので、どなたか分かる方、アドバイスをお願いします!!

  • 外部スクリプトで表示はされましたが・・

    今までHPに長いスクリプトを使っていましたが、外部スクリプトへと移行しました。 <Script language="javascript" src="http://・・・・/okok.js"></script> WEB上でも問題なく表示されたことを確認しましたが、なぜかPC上で確認すると文字バケしてしまいます。 絶対パスで指定しています。 直接スクリプトをソースに配置していたときは、PC上でもちゃんと表示されていました。 基本的にWEB上で正常に表示されていれば問題はないのですが、ちょっと気になります。 何故こうなって、どうすればPC上でも文字化けしないかご教授ください。よろしくお願いします。

  • 外部ファイル名を変数で指定できるか?

    JavaScriptで参照する外部ファイルを、ヘッダー部で以下のように記述しています。 <script language="JavaScript" src="Data.js"></script> このsrc=で、指定するファイルを、変数で指定することは可能でしょうか? 試しに <script language="JavaScript"> <!-- var Src_File = "Data.js";  src=Src_File; //--> </script> と記述しても、エラーとなってしまいました。 変数を使いたい理由は、ラジオボタン等を使って、参照する外部ファイルを動的に切り替えたいのです。 よろしくお願いします。

  • オンマウスで画像表示する外部スクリプトを呼び出したいのですが

    お知恵をお貸し下さい。よろしくお願い致します。 「画像Aを表示」→「オンマウスで画像Bを表示」という効果を、 外部スクリプトを使ってやってみたいと思っています。 ただ外部スクリプトを読み込む時の指定方法がわかりません。 ちなみに、以下のスクリプトを外部に分けず、 <head>~</head>内に書いた時はきちんと動いておりました。 ※外部スクリプトの記述(sample.js) <SCRIPT TYPE="text/javascript"> <!-- if (document.images) { // 設定開始 // 通常の画像 var img0 = new Image(); img0.src = "sample/sample.jpg"; // ポイント時の画像01 var img01 = new Image(); img01.src = "sample/crip/01/01.jpg";     :     :(このあと02~03と画像が増える予定)     :   // 設定終了 } // ポイント時の処理 function On(name) { if (document.images) { document.images['def'].src = eval(name + '.src'); } } // 放した時の処理 function Off() { if (document.images) { document.images['def'].src = img0.src; } } // --> </SCRIPT> ========================================= ※読み込む先の記述(sample.jsは指定してあります) <a href="index.html" onMouseOver="On('img01')" onMouseOut="Off()"> <FONT SIZE="2" COLOR="indigo">【1】</font></a> 【1】の文字にマウスを持っていくと、違う場所に表示してある 画像Aが画像Bに変わるようにしたいのです。 オンマウスオーバーの指定がよくないのかと思うのですが 具体的にどこをどうしたらいいか、よろしくお願い致します。

  • 外部ファイルを読み込ませるための記述方法を教えてください!

    (1)index.html (2)「index.html」以降のページのフォルダ(の中にhtml) (3)css.js (4)cssファイル を同じ階層に置いています。 htmlには<SCRIPT LANGUAGE="javascript"src="css.js"></SCRIPT> と書かれており、css.jsファイルからcssファイルを読み込み htmlにcssが適用されてるように設定されています。 この階層のhtmlにはcssが反映されるのですが (2)のフォルダの中のhtmlにとってはcss.jsの階層は一つ上になるのですが、 <SCRIPT LANGUAGE="javascript"src="css.js"></SCRIPT> と書いてもcssが反映されません。 srcの指定を正しくするにはどのように記述したらいいのでしょうか? <SCRIPT LANGUAGE="javascript"src="../css.js"></SCRIPT> と記述してもダメでした。 Javascriptの言語がほとんどわからず困ってしまっています。 大急ぎで知りたいのですが、わかる方いらっしゃいましたら 教えてくださると大変助かります。 どうかよろしくお願い致します。

  • スクリプト内から他の外部スクリプトを読み込みたい

    Java Script初級者です。 外部スクリプト内から他の外部スクリプトを読み込むことは可能ですか? 実現したい内容はスクリプト内の関数から▼下のような感じで外部ファイルを読み込むことです。 function check(fm) { <script language="JavaScript" src="AAA.js"></script> } 何か良い方法がありましたらぜひ教えてください。

  • スプリクトを外部ファイルから読み込ませる件で質問です。

    スプリクトを外部ファイルから読み込ませる件で質問です。例えば、indexとsub1の2ページから成る、HPのフォルダとしまして、indexを、メインの動かしたいページ、sub1を、スクリプトを、保管する為だけのページとします、このとき、下記のタグは、どちらのページに記述するのでしょうか?あと、ファイル名とありますが、これには、どちらのファイル名を記述するのでしょうか? <script language="JavaScript" src="ファイル名.js"></script> もし、SUB1であれば、単純に、 <script language="JavaScript" src="SUB1.js"></script> という風に記述すればいいのでしょうか? あと、ファイルのタグを、.js にする必要があるということですが、これも、どちらのファイルの方を、変更すればいいのでしょうか?たとえば、sub1.htm を sub1.js という風に単純に変更すればいいのでしょうか? あと、そもそも、今回お聞きした理由に一つに、スプリクトを、1ページ内にたくさん記述しすぎたのか、開く途中で、停止してしまうのです、ただ、遅いだけならいいのですが、停止したので、これの解決策として、今回お聞きしている、スプリクトを外部ファイルから読み込ませる、という行為が効力があるのかということもあわせてお聞きしたいのです。(依然の質問と、ダブルことをお許しください。)