• ベストアンサー

画像を入れ替えるジャバスクリプトでお聞きします!

下記のような画像入れ替えですが、サンプル1とサンプル2の 両方を同じページで利用する場合は、ソースはどのように 記載したらいいのでしょうか? http://javascript.eweb-design.com/0802_ici.html .jsの外部ファイルを2つ用意しましたがエラーでした。 どちらも入れ替える速度は違うようにしたいのですが・・ 無理なんでしょうか? 詳しい方宜しくお願いします。

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

  • ベストアンサー
  • hetami
  • ベストアンサー率100% (1/1)
回答No.1

「jQuery プラグイン スライドショー」あたりでググってみるといいと思います。 比較的簡単に、提示して頂いたサンプルよりずっときれいなものが出来ますよ。

kfjbgut
質問者

お礼

みました。 ちょっと、とまどってます。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • 【java】背景画像を一定時間でフェード切り替え

    よろしくお願いします。 下記のページを参考に、 http://javascript.eweb-design.com/0802_ici.html 背景画像を一定時間で切り替えることはできたのですが、 画像が切り替わる時に、ゆっくりフェードしながら切り替わるということは可能でしょうか? 同じような挙動であれば、他のスクリプトやjQueryでも問題ありません。 実現させたい内容としては、 ・bodyの背景画像が切り替わる(div等ではなく) ・フェードで切り替わる になります。 ご存知の方おられましたら、ご教授くださいませ。 どうぞよろしくお願いいたします。

  • 【java】リンクを押した時の動作を変えたい

    javascriptについてご質問です。 初歩的な質問で申し訳有りません。 【外部JSファイル】 sample1.js sample2.js を用意し、 【HTMLソース】 <a href="#sample1">SAMPLE1</a>              //sample1.jsで動作 <a href="#sample2">SAMPLE2</a>              //sample2.jsで動作 上記のように記述した場合、別々の外部JSファイルで動作を指定することは可能でしょうか? 参考になるサイト等ございましたら、お願い致します。 何卒、宜しくお願い致します。

  • HTMLとPHPを分けた時の変数?について

    HTMLで値などを入力し、PHPで処理をする方法として、 ネットのサンプルソースでどの様に行われているか見たところ、 HTMLにてC言語でいう所の変数らしきものが無く、 また、PHPにも書く値に等しい変数が見受けられませんでした。 HTMLで値を入力してどの様にPHPに渡っているのか分からなかったのでご教授願いたいと思い書き込みました。 参考 eweb メールフォーム・アンケートフォーム 参考にしたソースは「Sample 1:アンケートフォーム」になります http://php.eweb-design.com/1301_mail.html 何卒宜しくお願い致します。

    • 締切済み
    • PHP
  • ジャバスクリプトをIE5.5以下には読み込ませないようにするには?

    いま、サイトの方にjqueryなどを入れて遊んでいるのですが、 一部のものでIE5.5以下のブラウザでエラーがでてしまい、 ページ内でとまってしまいます。 いっその事、IEの6以降とFirefoxやOpera,などには読み込ませて、 IEの5.5以下にはジャバスクリプトを 読み込ませないようにしようとおもうのですが、 色々サイトをみてまわってみたのですが ちんぷんかんぷんです・・・・ 今現在、 <script type="text/javascript" src="js/abc.js"></script> という形で外部ファイルとしてページのヘッダー内よりリンクしています。 そして、abc.js より以下の形で 色々なJSファイルを読み込んでおります。 ////////////// abc.js ////////////////// var uri="http://www.xxx.com/js/"; function myfile(n) { this.length = n; for (i = 0; i < n; i++) { this[i] = null } } var n = 3; var file = new myfile(n) file[0] = "jquery.js"; file[1] = "interface.js"; file[2] = "thickbox.js"; for (i = 0; i <n; i++) { document.write('<script type="text/javascript" charset="utf-8" src="',uri,file[i],'"></script>'); } ////////////// ここまで ////////////////// できれば、ページのヘッダー内に書き込む形ではなく このabc.jsの中でブラウザの判定をして IEの6以降とその他のブラウザだけに読み込ませるように できるとうれしいのですが・・・・ ちなみにこのabc.jsというのは http://www15.plala.or.jp/mi-u/website/jsexternal/ext003.html こちらを参考にさせて頂きました。 宜しくお願い致します。

  • 画像がクリックされたら画像が切り替わる方法を同一ページ内に複数 設置

    JavaScriptを使用して、画像がクリックされたら画像が切り替わる方法を同一ページ内に複数 設置したいため、以下のページを参考にしました。 http://www.sumnet.ne.jp/domp/jsbs/kaisetsu/image3.htm http://javascript.eweb-design.com/0801_cci.html (Sample1) 1つだけなら設置できるのですが、複数行おうとすると、1つだけしか起動しなかったり、クリックした画像以外の画像が切り替わるなどしてしまいます。(nameは各々変えています) これを解決するには何をすればよろしいのでしょうか?? 初心者のため上手に伝えれず申し訳ございません。これが解決できず困っております。ご指導のほど、お願いいたします。

  • JavaScriptを使ったHPを作成しているのですが

    http://javascript.eweb-design.com/0512_shh.html このページのサンプル2を使用してHPを作成中です。 サブウィンドウに画像をのせ、その画像にMAPで位置を指定して複数のリンクをはり、 上のページでいうところのSample 2をクリックしたときに開く大きな画面にリンク先を表示させたいのですが、 サブウィンドウのタグはどのようにすればよいのでしょうか? 教えてください、お願いします。

  • FC2HPで画像が表示されません

    こんにちは。 ホームページビルダー16でサイトを作り、 FC2でアップロードをしています。 今の所 http://ponchidego.web.fc2.com/ このようなサイトになっているのですが、 1番上の画像が表示されません。 この画像は http://javascript.eweb-design.com/0804_ri.html の サンプル2のやり方を使用したランダムで表示されるはずのところで、 其処だけが見ることができません。 勿論ホームページビルダーのプレビューや 自分のフォルダに入っているページにはちゃんと表示されているし、 FC2にも画像自体はきちんとアップロードされています。 何が問題で表示されていないのでしょうか? ご回答よろしくお願いします!

  • 複数画像のロールオーバーの効率的な外部JS

    複数の同じような画像を外部JSで、 効率的にロールオーバーさせる方法を教えて下さい。 複数のhtmlページのメニュー部分に使用しているので、 出来るだけhtmlソースを汚さずに、 外部のJSにまとめたいのです。 知っている方がいましたら、教えて下さい。

  • HP作成 プルダウンメニュー 画像リンクからできますか?

    下記のようなプルダウンメニューをHPに設置したいのですが、 画像をクリックすることによって、下にプルダウンメニューが 現れるようなことは、可能でしょうか? 「プルダウンメニュー」(JavaScript http://javascript.eweb-design.com/0701_pdm.html どうかよろしくお願いいたします。

  • <script src="">読み込まない

    htmlファイルの中に <script src="ファイル1.js"></script> <script src="ファイル2.js"></script> を読み込ませてwebページに表示させたいです。 ローカルではちゃんと読み込んで表示されたのですが、seesaaブログのファイルマネージャにそれぞれアップロードして、URLをはめ込んでブログを書いても表示されません。 完全に煮詰まってしまいました。ソースを載せてないので情報が限られているとは思うのですが、考えられる原因は何がありますか。 ※こういう事はFTPを利用しないとそもそも不可能、.jsファイルの外部化が必要、など。。。ちなみにMacでSafari5.1.1とFirefox7.0.1を使っています。 いろいろ迷ったのですがそもそもjavascriptに自信がないのでこちらのカテゴリで質問させていただきました。