• ベストアンサー

小窓でクリックするとスライドショー

こんばんわ、ここ1週間くらい調べ続けてるのですが 全然分かりません><どなたかアドバイスお願いしますm(_ _)m リンクを押したら小窓が出てきて、その小窓には 画像が表示されます。 その画像をクリックしたら次の画像が出てきます。 そして全て見終わったら小窓が閉じる。 これはどのようにすればいいのでしょうか。 HTMLスライドショーでやりたいです。 このサイト様の写真みたいにしたいです(下の大きいバナーの)↓ http://mai623.osyarebito.com/photo/

  • HTML
  • 回答数1
  • ありがとう数1

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

  • ベストアンサー
  • Manuel
  • ベストアンサー率43% (43/98)
回答No.1

いくつかの方法があるけど、ご紹介のページがうまいので、参考にしました。 小窓へのリンクのあるHTMLファイルには ここから <script language="javascript"> <!-- function openwindow(x,y){ thewin = "width=" + x + ",height=" + y + ",toolbar=no,location=no,directories=0,status=no,menubar=no,resizable=no,scrollbars=no"; window.open('','popupwin',thewin); return true; } // --> </scropt> ここまで<head></head>タグ内にコピー リンクは <a href="komado.html" onclick="openwindow(600,500)" target="popupwin">Photo</a> のようにして下さい。 Photoのところはもちろんimgでも。 onclick="openwindow(600,500)" の600,500 は小窓の横幅,高さになっているので、画像の大きさかお好みで。 小窓のHTMLファイルにはここから <style type="text/css"> <!-- body{ overflow: hidden; margin : 0px; } img { border: 0px; } --> </style> ここまでをHTMLの<head></head>タグ内にコピーと、 画像には <a href="#2" name="1"><img src="img1.jpg"></a> <br><br><br> <a href="#3" name="2"><img src="img2.jpg"></a> <br><br> と、これをコピーして数字を大きくして行ってください。 画像ファイルの名前は自由に変えてください。

petit_lily
質問者

お礼

お礼が遅くなって本当に申し訳ありません!! すごいです、助かりました!! どうもありがとうございました><

関連するQ&A

  • 写真のスライドショーが出来なくなってしましました

    以前、写真を見る際、写真をパソコンに落としスライドショーというものを使って見ていたのですが、気づいたら、今はスライドショーができなくなっていました。以前は《ファイルとフォルダのタスク》というところにスライドショーができるアイコンもあったのですが、今は写真をクリックするとMicrosoft Photo Editor という訳の分からないものが起動し、その中でしか見る事が出来なくなってしまいました。何とかまたスライドショーで見たいのですがどうしたらいいのかわかりません。誰か分かる方がおりましたら教えて下さい。よろしくお願いします。

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

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

  • スライドショーでバナーや画像が・・・

    知人からメールで受信した写真をスライドショーで見ていました。写真が全部終わったら次々とネット上のバナー広告の画像やら、クリックボタンなどの画像がでてきます。 よく見たら、過去にネットサーフィンした時の画像なんです。 別に困りはしませんが、こんなものドンドンPC内に蓄積されても不要なのでできれば避けたいです。どうしたらいいでしょう? ちなみに環境はXPのHOMEで、スライドショーは 最初から機能されてるやつです(どう表現したらいいかわかんないので)

  • ホームページビルダー12でのスライドショー

    ホームページビルダー12でスライドショーを作っています。 しかし、自分がやりたいのは矢印で次の写真に行くのでは無く、メインの画像の下に複数の小さな画像を置き、そこに触れると、メインの画像が変わるようなスライドショーを作りたいのです。 ビルダーでは無理なのでしょうか? やり方を教えて下さい。お願いします。

  • クリックでスライドショー

    http://lab.komadoya.com/javascript/crossFader/#cf2 上記サイトのようなフェードイン・フェードアウトのスライドショーに 以下のような動作を追加したいと思っています。 画像をクリックしたら再生し、最後の画像でストップ。 もう一度クリックで1枚目の画像に戻る。 色々調べたのですが、マウスオーバーや自動再生のものが多く 思ったものが見つかりませんでした。 画像(1)、画像(2)、画像(3)とあり、 画像(1)クリックで、(1)→ (2)→ (3)でストップ。 もう一度クリックで(1)に戻る。 といったイメージです。 お分かりの方がおられましたらご教授頂けたら幸いです。 どうぞ宜しくお願いします。

  • jquery スライドショー

    http://showcase.awkwardgroup.com/index.html こちらをそのまま使用して スライドショーを作成したのですが、 メイン画像にはったリンクがきかなくて困っています。 どうしたらリンクがきくようになるでしょうか。 もしくは自動再生で次へ、前へボタンがついている簡単な物をご存知であれば 他のサンプルの紹介でもかまいません。 詳しい方、どうぞよろしくお願いします。

  • スライドショーが見れない

    過去を検索し色々と試みたのですが無理でしたのでこちらで質問させていただきます<(_ _)> 昨日から突然マイピクチャーの画像のスライドショーが見れなくなりました。 画像タスクの「スライドショー」をクリックしても無反応です。エラー表示も出てきません。 表示を「縮小版」にしても、「夕焼けにヨット」アイコンしか表示されません。 見たい写真をダブルクリックしてもFAXビューアーというのも起動しません。 でも、写真加工ソフト(ペイント)などに読み込ませると写真は問題なく表示されます。 とても不便なのでせめて縮小版だけでも表示できたらっと思っております。 皆様の知恵をお貸しください<(_ _)>よろしくお願い致します。

  • JavaScriptでシンプルなスライドショー

    よろしくお願いいします! JavaScriptを使って、とてもとてもシンプルなスライドショー(フォトアルバム)を作りたいのですが、 見つかるのはフェードインだったりアニメーションのようにズレたりと、希望のサンプルが見つけられませんでした。。。 下記のリンク先ようなボタンクリックで単純に写真が変わる、フォトアルバムを作りたいです。 http://www.mina-perhonen.jp/show/0809aw/index.html 流したい画像をフォルダにまとめておいて、 ボタンクリックでそれらを呼び出す。 最後の写真までいったら、ストップで、NEXTボタンガ消える。 写真の基準点はリンク先の用に右上になれば、よりうれしいです。 どなたか作り方や、似たようなサンプルを配布してくださっている方をご存じなら教えてください!! 何卒よろしくお願いいたします!

  • どこのスライドショー?

    雑誌で紹介されていた写真サイトなんですが、 http://www.geocities.jp/weepy401/photo こちらで使われているシンプルなスライドショーは どこで入手できるものなんでしょうか。 他でも見かけたので、HP作成ソフトに入ってるのかと思うのですが。 ご存知の方おられましたらよろしくお願いいたします。

  • スライドショーで画像にリンクを貼る方法

    http://luxnate.com/memo/2011/02/-flash30.html こちらのスライドショーを使ってスライドショーを作りました。 画像1枚1枚に違うリンク先をつけたいのですが、すみません、分かりません(^^; xmlを修正するのかなと思い、こちらで質問しました。 ぜひ宜しくお願いいたします。

    • ベストアンサー
    • XML

専門家に質問してみよう