- ベストアンサー
画像をサムネイル表示しクリックで拡大
ホームページで、画像をサムネイル表示し、クリックで画像を大きく表示したいです。htmlは多少わかりますが、あと何が必要でしょうか。 参考になる知識やホームページなどありましたら教えてください。 ※以下のページのような画像表示がしたいです。サムネイルをクリックすると、画像が大きく表示され、大きい表示のまま次の画像や前の画像に進んだり戻ったりできるようにしたいです。 http://www.hirokikun.jp/magazine/pg49.html
- baffalo30
- お礼率51% (74/145)
- HTML
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
ライトボックスというJavaScriptを使ってると思います。
関連するQ&A
- サムネイルをクリックすると画像が拡大表示されるようにするには？
下記のページの「SAMPLE」を、サムネイルをクリックすると、選択した画像が真ん中の段の陰付き白枠の中に拡大表示されるようにしたいです。 インラインフレームは使いたくないのでJavaScriptでできないかと思っています。 ちなみに当方はJavaScript初心者です。 白枠はcssで#subcon2というボックスの背景に設定しています。 画像については、サムネイルの画像はs01.jpg、s02.jpg・・・という名前で、拡大表示用の画像はサムネイルの名前からsを取って、01.jpg、02.jpg・・・と、名前を付けて、このhtmlと同じ階層にある「images」フォルダの中の「sample_nail」フォルダに入ってます。 この情報で足りますか？ どのようにすればいいでしょうか？よろしくお願い致します。 http://www.ac.auone-net.jp/~mrs/sample.html
- ベストアンサー
- JavaScript
- サムネイルをクリックすると拡大表示…の作り方
こんばんは。 Flash初心者なのですが、仕事で、Flashを使ったフォトギャラリーを作ることになってしまいました。Flash8を使用しています。 ・サムネイルが画面下部に横に並んでいる(8~10個くらい) ・サムネイルをクリックすると画面上部に大きく表示される(幅300pxくらい) ・次のサムネイルをクリックするまで拡大写真はそのまま これだけの単純なもので、フェードなどの視覚効果もなくていいのですが、サムネイルをボタンにして、どのようなアクションスクリプトを書けばいいのでしょうか？ ネットで探してみたのですが、凝った動きのものが多く、どこが必要な部分なのがいまいちわかりません。今までデフォルトのテンプレートを使ったページしか作ったことがないので、悩んでいます。 詳しい方に教えていただければありがたいです。 よろしくお願いします。
- ベストアンサー
- Flash
- サムネイルをクリックすると画像を大きく表示したいのですが
サムネイルをクリックすると、別ウィンドウで開くのではなく、バックがグレーになり選択した画像が大きく表示されるようにしたいのです。 http://tamashii.jp-network.co.jp/item/item.php?eid=01004&pref=500 上記の様に表示したいのですが、現状はCLOSE×の表示のみですが、これに画像が大きく表示された状態で次の画像へジャンプしたり、前の画像に戻ったりするようにすることはできるのでしょうか？ JAVAスクリプトでできるのかもわからないほどの初心者で申し訳ありませんが、何卒宜しくお願いします。
- ベストアンサー
- JavaScript
- サムネイルをクリックし、メインに表示→クリックでリンク先へ。
サムネイルをクリックし、メインに表示→クリックでリンク先へ。 というJavaScriptを採用したいのですが、下記サイトを参考にして、サムネイルをクリックし、メインに表示までは出来たのですが、メインに表示された画像をクリックして別ページへリンクというのがどうしてもできません。 どのような記述にすれば可能でしょうか？ よろしくおねがいします。 http://chibatch.jp/blog/archives/change-image2.html
- ベストアンサー
- JavaScript
- サムネイルをクリックすると周りが暗くなって大きい画像を表示するには
http://knifedamashii.jp/shop/Kenzo_Urabe/THE%20ONLY%20ONE%20MADE%20浦邊%20謙三/ こちらのページのようにサムネイルをクリックすると 周りが暗くなって大きい画像が表示されるようにするには どうすれば実現できるのでしょうか？ どうかよろしくお願い致します
- ベストアンサー
- JavaScript
- サムネイルが拡大されない
ＨＰビルダーを使っています。 デジカメの画像のギャラリーを作りたくて、「挿入」→「デジカメ写真」→「サムネイル」として、サムネイルを作りました。 サムネイル…、つまり、小さな画像の一覧は作成できたのですが、それを実際にアップして、ブラウザで見たところ、クリックしても元の大きさの画像が表示されません。 サムネイルって、クリックすれば、元の大きさの画像が表示されるものですよね？ 画像がアップできていないのかと思うのですが、ページの転送も終了してるし、よく分かりません。 原因が分かる方いましたら、お願いします。
- 締切済み
- ホームページ作成ソフト
- サムネイルクリックで、画像をチェンジさせたい
初心者です。よろしくお願いします。 いくつか並んだ小さなサムネイル画像をクリックすることで、少し離れた大きめ画像をそれぞれのサムネイル画像の拡大に変えたいです。 下記のページの答えを参考にしてやってみました。http://oshiete1.goo.ne.jp/qa1192554.html その時は上手にできました。 ただ、それが同一ページの中に画像違いで、下にあと２つ必要なのです。 原理は同じかと思い、上手にできたものをコピーペーストしてあとの２つを作りました。 しかし、あとで作った２つの画像群の中、サムネイルをクリックすると画像が切り替わって欲しい所ではなく、別のセクションのほうの画像が切り替わってしまいます。 どうすれば思った場所の画像を切り替えられますでしょうか？ もしくは、同一ページ内で３枚という複数にターゲット画像を分けることはムリなんでしょうか？ 文章が解りづらくて申し訳ございません。
- ベストアンサー
- HTML
- サムネイル画像が表示されません
ホームページビルダーV8でデジカメ写真の挿入からサムネイルの挿入を選択し、写真を貼り付けました。HP上で写真はちゃんと表示されているのですが、画像をクリックすると、 指定されたページ(URL)は見つかりません。//以下の状況が考えられます ・指定されたページがこのサーバー上に無い。 ・指定されたページの名前が変更されている。 ・指定されたページが現在利用出来ない。 というエラーメッセージがでます。 どうすればちゃんと表示されるか、どなたか教えていただけますでしょうか？
- 締切済み
- ホームページ作成ソフト
- Internet Explorer 5でサムネイル画像が拡大表示できません
いろんなホームページのサムネイル画像は、たいていクリックすると拡大 表示されますよね。 私のＭＡＣもいままではそうでした。 ところが最近クリックすると、いきなりダウンロードマネージャーが開いて 画像をダウンロードしてしまいます。 私としては、どんな画像か確認してからダウンロードしたいので、とても ストレスに感じてます。 どなたか詳しい方、一刻も早く私の力になってください。 お願いします。
- ベストアンサー
- Mac
- サムネイル画像をクリックすると拡大画像を表示させる方法
今はまずサーバに同一画像の小さい写真（サムネイル用）と大きい写真の両方をアップロードして、 小さい画像を表示させて、そこにリンクをつけて大きい画像のURLへとばすようにタグを書いているのですが、これでは同じ写真を２枚アップロードしなくてはいけず、面倒です。 1枚の写真だけをアップロードしてサムネイル画像を表示させて、クリックしたら拡大写真がでるようにするためにはどのようなタグを使えばいいのでしょうか？
- ベストアンサー
- HTML
お礼
どうもありがとうございました。