- ベストアンサー
サムネイルをクリックすると周りが暗くなって大きい画像を表示するには
http://knifedamashii.jp/shop/Kenzo_Urabe/THE%20ONLY%20ONE%20MADE%20浦邊%20謙三/ こちらのページのようにサムネイルをクリックすると 周りが暗くなって大きい画像が表示されるようにするには どうすれば実現できるのでしょうか？ どうかよろしくお願い致します
- bed
- お礼率40% (12/30)
- JavaScript
- 回答数2
- ありがとう数9
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
こんにちは jsライブラリである Lightwindow.js http://c-brains.jp/blog/wsg/tools/lightwindow/lightwindow_sample.html Slimbox.js http://blog.livedoor.jp/cie/archives/50629870.html Lightbox.js http://www.koikikukan.com/archives/2006/01/13-235556.php Thickbox.js http://www.project-nya.jp/modules/weblog/details.php?blog_id=682 などを使用します
その他の回答 (1)
- ahoaho3
- ベストアンサー率34% (13/38)
お礼
ありがとうございます。成る程こういうものがあるんですね。 参考になりました。早速試してみます。
関連するQ&A
- 画像をサムネイル表示しクリックで拡大
ホームページで、画像をサムネイル表示し、クリックで画像を大きく表示したいです。htmlは多少わかりますが、あと何が必要でしょうか。 参考になる知識やホームページなどありましたら教えてください。 ※以下のページのような画像表示がしたいです。サムネイルをクリックすると、画像が大きく表示され、大きい表示のまま次の画像や前の画像に進んだり戻ったりできるようにしたいです。 http://www.hirokikun.jp/magazine/pg49.html
- ベストアンサー
- HTML
- サムネイルをクリックすると画像を大きく表示したいのですが
サムネイルをクリックすると、別ウィンドウで開くのではなく、バックがグレーになり選択した画像が大きく表示されるようにしたいのです。 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
- サムネイルをクリックすると画像が拡大表示されるようにするには？
下記のページの「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
- サムネイル画像の表示途中でそのサムネイル画像をクリックすると後から表示されるサムネイルが表示されない。
winXP PRO IE6.0SP1です。 とあるHPを作成していますが、サムネイル画像（約100画像）をクリックすると別ウィンドウが出る様にしています。 サムネイルが全部表示される前にクリックすると小窓が出て画像は表示されますが、そこから後に出るサムネイルが表示されずフリーズしてしまいます。 <a href="javascript:void(0);" onclick="window.open('./******/***.jpg','win1','width=400,height=400');" menubar=no toolbar=no locaction=no status=no><img src="./small/***.jpg" height=50 border=0></a> 他のPCで確認しても同じ状態です。 サムネイル画像が出ている途中でその画像をクリックしてもフリーズしない方法の解除方法はありますでしょうか？ 宜しくお願い致します。
- ベストアンサー
- HTML
- サムネイルクリックで別ウィンドウに拡大画像表示
javascriptにて画像のようなな形を作りたいのですが初心者で困っています。 ページAの画像をクリックすると別ウィンドウで拡大画像とその他のサムネイルが 表示され、そのウィンドウで各画像を切り替えて観覧できるようにしたいです。 元のページでの画像切替はよくありますが、別ページを開いて観覧する場合がわからず困っています。ページAと同じようなページを複数つくり、拡大のページBは共通で使えるようにしたいと思っています。 ページAのhtml部分は <li><a href=><img src="test.jpg" title="拡大時に表示する文"></a></li> <li><a href=><img src="test_a.jpg" title="拡大時に表示する文"></a></li> <li><a href=><img src="test_b.jpg" title="拡大時に表示する文"></a></li> この画像をクリックでページB拡大画像を表示し、画像と一緒にtitleに入れた文章を表示させたいと思っています。 用意する画像は各拡大画像1枚で、サムネイルのところはcssで小さくしています。 このような形は実現可能でしょうか？ よろしくお願いします。
- ベストアンサー
- JavaScript
- サムネイルクリックで、画像をチェンジさせたい
初心者です。よろしくお願いします。 いくつか並んだ小さなサムネイル画像をクリックすることで、少し離れた大きめ画像をそれぞれのサムネイル画像の拡大に変えたいです。 下記のページの答えを参考にしてやってみました。http://oshiete1.goo.ne.jp/qa1192554.html その時は上手にできました。 ただ、それが同一ページの中に画像違いで、下にあと２つ必要なのです。 原理は同じかと思い、上手にできたものをコピーペーストしてあとの２つを作りました。 しかし、あとで作った２つの画像群の中、サムネイルをクリックすると画像が切り替わって欲しい所ではなく、別のセクションのほうの画像が切り替わってしまいます。 どうすれば思った場所の画像を切り替えられますでしょうか？ もしくは、同一ページ内で３枚という複数にターゲット画像を分けることはムリなんでしょうか？ 文章が解りづらくて申し訳ございません。
- ベストアンサー
- HTML
- サムネイル画像を綺麗に表示したい。
ネットショップページを作成しています。 サーバーに保存された商品画像をウェブページ上で綺麗にサムネイル表示（縮小表示）をさせたいのですが、 <img src="画像名" width="横" height="縦"> とHTMLタグで縮小表示させると画像が荒くなってしまい困っています。 画像数が多く、小さいサイズの画像を保存しなおして、 サーバーにアップして表示するのは避けたいと考えています。 （サーバーの容量も小さく。。。） どうしたら良いか教えていただけますか？
- 締切済み
- その他（インターネット・Webサービス）
- サムネイル画像が・・・
オークション画面に一番最初に表示されるサムネイル画像ですが、 何度やっても、「画像はありますyahoo!Auctions」 という白い画面に文字だけの表示しか出ません。 画像が表示されないのです。 クリックして、ページを見ると、出品物の画像は出てるのですが・・・。 どうしてでしょうか？
- ベストアンサー
- オークション
- サムネイル画像をクリックすると拡大画像を表示させる方法
今はまずサーバに同一画像の小さい写真（サムネイル用）と大きい写真の両方をアップロードして、 小さい画像を表示させて、そこにリンクをつけて大きい画像のURLへとばすようにタグを書いているのですが、これでは同じ写真を２枚アップロードしなくてはいけず、面倒です。 1枚の写真だけをアップロードしてサムネイル画像を表示させて、クリックしたら拡大写真がでるようにするためにはどのようなタグを使えばいいのでしょうか？
- ベストアンサー
- HTML
お礼
ありがとうございます。成る程こういうものがあるんですね。 参考になりました。早速試してみます。