スライドショーを自動ループにしたい

このQ&Aのポイント
  • サムネイルつきのスライドショーを作成したいです。自動的にエンドレスループし、開始はボタンを押してでも構いません。参考にするサイトはhttp://himajin.moo.jp/freejava/imgchange/imgview3.htmlですが、チェックボックスは使用したくありません。
  • また、ボタンの代わりに画像のボタンを使用したいですが、上手く変えることができません。方法を教えていただけますか?
  • お願いします。
回答を見る
  • ベストアンサー

スライドショーを自動ループにしたい

サムネイルつきのスライドショーを作りたいと思っています。 本当はページを開けたら自動的にスライドショーがはじまるのが理想なのですが、ボタンを押してスライドショー開始でもよく、サムネイルの画像をクリックすると、またそこからはじまるようにしたいです。 参考にしているHPが http://himajin.moo.jp/freejava/imgchange/imgview3.html なのですが、チェックボックスを入れたくありません。自動でエンドレスループしてほしいです。 どうやってはずしたらいいのでしょうか? 色々試してみましたが、動かなくなってしまいます。 それとボタンを<input type="button">になってるのをjpg画像のボタンにしたかったのですが、これも変えるのがうまくいきません。 ボタンを変えることは可能でしょうか? おしえてください。 よろしくお願いします。

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

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

#1です。 <input type="checkbox" name="loopcheck" checked style="visibility:hidden;"> これは <input type="checkbox"name="loopcheck" checked style="display:none;"> でも同様です。 スクリプト内のチェックボックスのON、OFFのチェックをはずしても同様になります。↓の部分2箇所あります。  if(!document.showform.loopcheck.checked ~~ 自動でスタートしたい場合は、最初の変数セットなどの後にボタンを押したときと同様のルーチンを呼び出せばよろしいかと。  direction('hidari') または direction('migi')

mutu560
質問者

お礼

ありがとうございます。 できました。 感謝してもし足りないくらいです。 本当にありがとうございました。

その他の回答 (1)

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

javascriptというよりHTMLの質問ですよ。 >チェックボックスを入れたくありません~~ ボックスを非表示にして(hidden)、初期値をチェック状態にしておけば、スクリプトはそのままでも使えるのでは? >ボタンをjpg画像のボタンにしたかったのですが~~ 、<input type="image" でゆけると思いますけど?  http://www.htmq.com/html/input.shtml  http://www.tohoho-web.com/html/input.htm

mutu560
質問者

補足

すみません。 javascriptのとこに関連してるようだったので、わからずにこちらに投稿してしまいました。 hiddenにしてみましたが、どうしても自動ループになりません。 初期値をチェック状態というのは、どういう形にするといいのでしょうか。 ボタンの件、ありがとうございます。 とても参考になりました。

関連するQ&A

  • 画像切り替え

    javascript初心者です。 あるサイト→http://himajin.moo.jp/freejava/imgchange/imgview.htmlをカスタマイズしようと思っているんですが、スライドショーという形の、ループとか時間がきたら画像が変わるってのじゃなくて、サムネイル表示を活かしたまま、右ボタンでnext、左ボタンでbackみたいなサクサク動くようにしたいんですが、どういじっていいのか分かりません。 わかる方教えて下さい!よろしくお願いします。

  • Flash マスクを使ったループスライドショー

    下記サイトのように、マスクを使ったループスライドショーを作っているのですが行き詰まっています。 http://www.taiza.jp/ やりたいことは、 外部の用意した「photo1.jpg」「photo2.jpg」「photo3.jpg」「photo4.jpg」の4枚画像を参考サイトのように下から上へと動くマスクを使ってループさせたいことです。その際、下に隠れているjpgが少し上へうごくこともやりたいです。 ループさせなければ、loadMovie("photo●.jpg", "ターゲットMC");とレイヤーのマスクを使ってできたのですが、 ループさせるとなると「photo4.jpg」から「photo1.jpg」・・・との繋ぎ方がわかりません。 このようなスライドショーを作りにはどうしたらよいのでしょうか。教えてください。 環境は、Flash CS3 Actionscript2.0 です。

    • ベストアンサー
    • Flash
  • jQueryでスライドショー作成(無限ループ)

    jQueryでスライドショーを作成したいです。 仕様としては、進むボタンと戻るボタンがあって、どちらかを押すと、画像が前または後ろにスライドして変わります。 ここまではできるんですが、以下のような無限にループさせることができません。 ・最後まで行ったときに、進むボタンを押すと、最初の画像が右から現れてスライドし、最初に戻る。 ・最初の画像のときに戻るボタンを押すと、最後の画像が左から現れてスライドし、現在地が最後の画像になる。 具体的には、下記サイトのような挙動にしたいです。 http://www.slidesjs.com/ このようなスライドショーの無限ループは、どのように考えれば実現できるのか、どなたかご教授いただけないでしょうか?

  • JQueryでサムネ付スライドショークロスフェード

    JQueryでクリックを使用せず、自動クロスフェードのサムネイル付きスライドショー&マウスオーバーでもクロスフェードで切り替わるようにするためにはどうすればよいでしょうか? 更にはスライドショーにキャプションがつけられたら最高です。 スライドショーの幅はwidth: 354px; height: 280px;、サムネイルはその下に縦3つ、横3つの計9つ配置します。 スライドショーは自動フォロスフェードによるループ、またサムネイルをマウスオーバーでもその画像にクロスフェードイン、その際スライドショー内に表示されている&マウスオーバーされているサムネイルの画像は罫で仕切るか、半透明がクリアに表示されるといった処理を考えております。 恥ずかしながら調べても分からなかったので、皆さまの知識を拝借したく投稿させて頂きました。 恐れ入りますが、何卒ご助言下さいますよう、よろしくお願い致します。

  • 自動取得してjavascriptでスライドショー

    サイト内にある画像(jpg)を自動取得してjavascriptでスライド(Button)させたいのですがコードが解りません?ご指導よろしくお願いします致します。

  • スライドショー

    imagesディレクトリにGIFとJPGという拡張子のちがう画像が混在して います。ファイル名は連番です。 これらの画像をスライドショーで表示するとき、ファイルを読みに行 ったときに、自動的に判別して表示させるにはどうしたらよいでしょ うか。番号で切り分けずに、 for(var i=0;i<30;i++) というループで実現したいです。 よろしくお願いします。

  • JavaScriptでスライドショーを実現したい

    JavaScriptでスライドショーのようなページを作成中です。 100枚くらいの連番ファイル名の画像を、 tableを使って5×20くらいでサムネイル表示させ、 その1つの画像をクリックすると、window.openを使って 新ウィンドウを開き、そのウィンドウにDocument.writelnを使って 選択した画像を表示し、その下にフォームのボタンを配置し、 ボタンを押すことで、次の画像に切り替えることができる。 という風にしたいのですが、 フォームのボタンを押すことで画像を切り替える、 というのが実現できません。こんな感じです。  writeln("<input type='button' value='前の写真' onclick='ChangeImage(-1)'>");  writeln("<input type='button' value='次の写真' onclick='ChangeImage(1)'>"); つまり、フォームのボタンを押して、画像を切り替える関数に 飛んでいないようです。 恐らく、その新ウィンドウに、 関数が登録されていないからだと思うのですが、 JavaScriptをまだよく分かっていないので、 その辺がよく分かりません。 新ウィンドウに関数をDocument.writelnで出力しようとすると、 <script language="JavaScript">の部分で、なぜか文字化けしてしまい、 関数を新ウィンドウに組み込ませることもできませんでした。 ソースがなくて分かりづらいとは思いますが、 なにかよい方法がありましたら、ご教授下さい。

  • jQueryのスライドショーのカスタマイズについて

    仕事であるサイトを作っているのですが、製品ページの所で製品画像をスライドショーにして実装しようと思っており、jQueryで理想に近いプラグイン(galleriaというものです)を発見したのですが、スライドショーの領域内でさらに拡大画像ができるようにしてほしいと言われ自分でカスタマイズしようとやってみましたがうまくできません。 皆様のお力をお貸しいただけないでしょうか。 ■galleriaのプラグインを使ってカスタマイズする内容 galleriaのサイトからファイルをダウンロードし(http://galleria.aino.se/download/)メイン画像(サムネイルの上にある画像)内、もしくは外に「拡大画像」というボタンを設置し、クリックするとモーダルウィンドウで拡大画像が表示されるようにしたい。 ■自分でうまくできないところ このプラグインはサムネイル、もしくは左右にある矢印をクリックすると画像が変わる仕様になっており、「拡大画像」ボタンに今表示されているメイン画像を判別させて拡大画像を表示させる処理が必要となると思うのですが、うまくいきません。 モーダルウィンドウはthick.box(http://jquery.com/demo/thickbox/)を使って表示させています。 その他に、もっと簡単にできる方法など教えていただければ助かります。 よろしくお願いいたします。

  • スライドショーについて。

    Windows xpを使っています。元々スライドショーがあり、マイピクチャーの画像がスライドしていました。手違いで、削除してしまったのですが、インストールディスクがあれば修復可能でしょうか?以前、質問させていただいた時は、インストールディスクの存在を忘れていまして、『不可能』と言われましたが、ディスク使用でも無理でしょうか?また、Jimdoのフリー版にもスライドショーがあるのですが、ループ機能は無いようでした。ループ機能のある、スライドショーをWindows xp、Jimdo free 共に組み込む事は、可能でしょうか?

  • スライドショーが出来ません

    友達から写真集をもらったのですが、スライドショーを展開して、次のイメージなどのボタンを押しても画像が変わりません。もちろんスライドショーも出来ません。どうすればいいのでしょうか?

専門家に質問してみよう