• ベストアンサー

インナーフレーム内で、HPのスライドショー的なものを作りたいです。

インナーフレーム内で、HPのスライドショー的なものを作りたいです。 具体的には、 １．数種のURLをピックアップしておく ２．インナーフレーム内に、別のHP(の一部分)を表示 ３．数秒おきに、別のページを順次表示 としたいです。 初心者でこれから勉強するのですが、似たようなソフトは無いか、こういったことが可能かどうかだけでも知りたいです。 ご存知の方がいらっしゃいましたら、よろしくお願いいたします。

回答 全件
ベストアンサー
javascriptでの一例です。 （サンプルなので順次表示するけれど…
可能ですよ。 JavaScriptだけでも可能ですし、サーバサイドスク…

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

  • ベストアンサー
  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.2

javascriptでの一例です。 （サンプルなので順次表示するけれど止まりません） <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head><title>test</title> <style type="text/css"> #frm1 { width: 80%; height:80%; } </style> <script type="text/javascript"> <!-- window.onload = function() { var interval = 10; //切替え間隔（秒） setInterval(change(), interval*1000); function change() { var links = document.getElementById('data').getElementsByTagName('A'); var frm = document.getElementById('frm1'); var count = -1; return function() { count = ++count%links.length; frm.src = links[count].href; } } } //--> </script> </head> <body> <div id="data" style="display:none;"> <a href="http://www.yahoo.co.jp/index.html">a</a> <a href="http://www.google.co.jp/">a</a> <a href="http://infoseek/">a</a> <a href="http://www.goo.ne.jp/">a</a> </div> インナーフレーム↓<br> <iframe id="frm1" src="default"></iframe> </body> </html>

piececafe
質問者

お礼

ご回答ありがとうございます。 いきなり一例を挙げて頂けるとは思いませんでした。 まだ分からないコードが多々ありますが、試してみたいと思います。

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

その他の回答 (1)

  • BellBell
  • ベストアンサー率54% (327/598)
回答No.1

可能ですよ。 JavaScriptだけでも可能ですし、サーバサイドスクリプトを併用することも可能です。 meta refreshだけでも何とかなるとは言えるでしょう。 JavaScriptであればlocation.hrefあたりと、setIntervalあたりを組み合わせるとできるかな。 サーバサイドスクリプトを使う場合、HTMLでmeta refreshを使って固定のサーバサイドスクリプトに飛ばして、サーバサイドスクリプト内でランダムに(順番に？)転送って感じ。 ま、meta refreshはセキュリティソフトやらに嫌われてるので、JavaScriptの方がマシかも知れませんね。 ※JavaScriptも好かれてるとは言い難いが JavaScriptが動作しない環境ではmeta refresh、meta refreshも動作しない環境の為に、「次へ」ってリンクを付ける等が必要かも知れません。

piececafe
質問者

お礼

ご回答ありがとうございます。 重くなる原因になりかねないとは思うので、程ほどにしておきます。 meta　refreshは初耳でしたが、そちらも考えてみます。

全文を見る
すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • 時計がついたスライドショーが作りたい

    スクリーンセーバーが作りたくて、suzukaでスライドショーを作ったのですが、 デジタル時計も一緒に表示しようとしててこずっています。 １フレーム目に時計のスクリプトを書いて、２フレーム目で１にジャンプするようにしたら、 スライドショーが動かなくて・・・ スライドショーを動かしつつ、時計も動かす何かいい方法はないでしょうか？ ひとつのキーフレームだけ繰り返したりは出来ないのですか？ まだ初心者なので上手く説明できませんが、よろしくお願いします。

    • ベストアンサー
    • Flash
  • HPにスライドショーが反映されません。

    Macユーザーです。OSは10.9.5です。FC2でページを作っています。 HPにスライドショーを設置したいと思い、HTMLタグを用いてページの編集をしました。 ですが、写真が反映されなかったりページのデザインが崩れたりしてしまいます。 こちら(http://matome.bgah.jp/2014/01/javascript-bxslider/)にあるスライドショーの最終形が理想だったので、HTMLタグは本当にそのまま貼り付けて、写真はFC2のディレクトリ内にあるので既存のアドレスと置き変えました。結果、写真は反映されましたが大きさが変えられず、画面いっぱいいっぱいに表示されてしまいました。 またどこもソフトのダウンロードが必須なようで、添付先のURLに書いてある必要なものはダウンロードしました。ただ、ファイルを同じ場所に作る、imgファイルを作ってそこに使いたい写真を入れる、というのも何だか疑問です。HPのタグではPCに入っているものに干渉できませんよね？ここの説明がよくわかっていないから出来ないのでしょうか？ URL先のような綺麗なスライドショーを作るにはどうしたら良いのでしょうか… 他のサイトに掲載してあるタグを試しにやってみても上手く反映されませんでした。 タグを使わなくても簡単に出来る方法があればそれも教えて頂きたいです。 どうか詳しい方、お力を貸してください…

    • ベストアンサー
    • Mac
  • ＨＰのスライドショーがエラーになります。

    パソコン初心者です。 ＨＰでの写真のスライドショーをみると、エラーがでて、ストップしてしまいます。 Internet Explorerを8に戻せば見ることができます。 どうすれば、戻さずに見ることができるでしょうか？ 分かりにくい説明で申し訳ありません。よろしくご回答をお願いします。

  • ＨＰにスライドショーをのせたいのですが…

    自分の店のＨＰを作ろうとおもっているのですが、トップページとスタッフ紹介にスライドショウを入れたいのですが、どのようにしたら良いのでしょう？出来れば写真が「パッパッ」と切り替わるのではなく、フェードイン、フェードアウトで切り替わってほしいのです。 かつ、そのページを開いたときに写真がページ内をスライドしてほしいのですが…。初心者には無理ですか？ ちなみにソフトはＨＰビルダーver11のプレミアパックを買ったので、 「Free motion」なるflash作成ソフトがついております。が、なんせど素人なもんで全然使い方がわかりません。 イメージとしてはこのようなＨＰにしたいのですが…。 http://www.devinyl.net/main.html

  • ホームページをスライドショーのように見せたい

    ホームページをスライドショーのように見せたい（ページが10秒毎に切り替わるように）のですが？可能でしょうか？パワーポイントは持っているのですが？宜しくお願いします！

  • おすすめのスライドショーを作るソフトを教えて下さい

    ホームページに、写真が見れるギャラリーのページがあり、スライドショーを使って写真を公開しています。 HPを作るときに使った「ホームページ　ビルダー」内にある機能を使い、スライドショーを作ったのですが、新しい写真をアップする時に、既存のスライドショーに追加が出来ず、毎回初めからの作り直しをしなくてはならず、どうにかならないものかと、思っています。 スライドショーは、どのソフトを使っても、後から写真を足す事は出来ないものなのでしょうか？ スライドショーを作るソフトがたくさんあるのも知っているのですが、どのソフトを使えば、求めている事ができるのか、いまいち解らず、困っています。 HPも、スライドショーも、初めて作ったので、そういった作業が、あまり得意ではありません。 初心者でも使いやすく、私の求める用途に合ったスライドショーが作れる、ソフトを御存じの方、教えて頂けないでしょうか？ できれば、フリーソフトを希望しています。 宜しくお願い致します。

  • スライドショーのようなＨＰを作成したい

    写真中心のＨＰを作成しています。 ＨＰを開いて、ボタンを押すと、windowsXPのスクリーンセーバーにあるスライドショーのように、表示させる事は、出来るのでしょか？ ソフトには、どんな物があるのでしょうか？

  • スライドショーの作り方

    ＨＰに矢印をクリックすると写真が変っていくスライドショーを載せたいのですが、どうすればよいのでしょうか？ご存知の方、教えてください。自分は初心者なので一番簡単な方法だとありがたいです。

  • スライドショー的にサイト閲覧する方法

    複数のURLが記述されたファイルがあるとして、 そのURLを一つ一つブラウザ（なんでもかまいません）に 表示させる方法・ツールを探しています。 たとえば、下記のようなURLが複数記述されているファイルがあるとします。 http://www.site-a.com/ http://www.site-b.com/ http://www.site-c.com/ 　 上記のファイルについて、1サイト5秒程度とかで 順次スライドショー的に表示していく方法・ツールを探しています。 もしツールがないとなれば、スライドショー閲覧が出来るブラウザを プログラムする必要があると思いますが、ブラウザプログラムについて 参考になるページがあれば、是非教えていただければと思います。 よろしくお願い致します。

    • ベストアンサー
    • Perl
  • 同一フォルダ内の別ページの特定のフレーム内に、別のHPのURLを表示したい、、

    HPビルダー６，５で、同一フォルダ内の別ページの特定のフレーム内に、別のHPのURLを表示したいのですが、うまくいきません。 まず、リンクをはる部分から、挿入、リンク、ファイル名は、表示したいHPのURL記述、ターゲットは、表示するページにあらかじめつけてあるターゲット名、というふうにしたのですが、いざ、リンクさせてみると、単に、新しいURLのページが全画面に表示されるだけでした。（ページが別の、特定フレームに表示するという行為は、まず、ページが飛んで、そして、更に、その飛んだページの、特定フレームに、URLのHPを表示、させるという、２段階の行為ですよね、やはり、こんなことはできないのでしょうか？

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する