初めて質問させてもらいます。
zerowebと申します。
宜しくお願い致します。
http://www.web-mihon.com/
上記のURLのTOPページのすぐ下部分に、
「おすすめ画像の紹介」という箇所があると思います。
その部分に小さな画像が羅列されて表示してあると思うのですが、その画像をクリックすると通常とは違った方法で大きく表示されます。
通常ですと、別ブラウザで表示されると思うのですが、
この場合、同じブラウザでそして何より凄いのは大きくなった画像のまわりが黒色になることです。
これは、どのような技術でやってあるのか教えて頂けたら幸いです。
わかりずらい説明かと思いますが、
宜しくお願い致します。
No.2
- 回答日時:
HTMLとJavascriptです。
周りの黒色の部分は、半透明化PNGを上からのせれば簡単にできます。
No.3ベストアンサー
- 回答日時:
ご提示のページは、
jQueryというライブラリーを利用した「ThickBox」
というプラグインです。
http://jquery.com/demo/thickbox/
からダウンロードできます。使い方もドキュメントを読めば
わかると思います。解らなければ、いきなりライブラリーを
つかわず、地道にjavascriptを学習して自分で作成してみましょう。
似たようなライブラリーとして、
ライトボックス
http://www.huddletogether.com/projects/lightbox2/
シャドウボックス
http://www.shadowbox-js.com/index.html
等が御三家(勝手に御三家にしてしまった)。
詳しくご説明して頂き、ありがとうございます。
とても参考になりました。
いろいろとやってみます。
今後とも、宜しくお願いします!!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- その他(ブラウザ) エッジのスタート画面について 2 2022/08/17 11:12
- WordPress(ワードプレス) WordpressでYouTubeの埋め込みができない。 1 2022/10/26 01:08
- モニター・ディスプレイ WindowsノートPC 13.3で画面縮小したい 画面全体が見えない めり込んでしまってます 1 2023/01/22 13:42
- その他(プログラミング・Web制作) このWEB用語、WEB文章、意味が分かりますか? 理解できない人が多いようなんですが・・・ 7 2022/10/22 09:13
- HTML・CSS HTMLのフォームについてお尋ねします 1 2022/12/03 21:47
- Excel(エクセル) エクセルで対象日に該当するデータがある場合に別表へ全対象者を表示させたい。 3 2023/07/12 09:48
- Excel(エクセル) Excel2019 マクロを使用し画像を貼り付けした際のリンク切れについて 2 2022/11/15 16:14
- その他(ブラウザ) IE・edgeで日増しに観られるサイトが減ってくる。 1 2022/10/04 22:40
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Gifアニメ、最後のコマに行った...
-
重なった画像にクリックイベン...
-
lightbox2をiframeから外に表示...
-
画像の重なりの順序を代える方...
-
マウスオーバーとポップアップ...
-
JavaScriptでスライドショー
-
スワップイメージが上手く動作...
-
jQuery bxSlider 画像に変更
-
ページ読込中に表示が崩れるの...
-
画像クリックで別の場所の画像...
-
JavaScript スライドの画像にリ...
-
Javascript で共通の処理をどこ...
-
画像をフォルダから自動読み込み。
-
1枚の画像をクリックすると複数...
-
画面の表示位置を指定させて表...
-
MAX関数を使ってからLEFT JOIN...
-
MFCで画像を表示させているので...
-
JavaScriptで変更した属性の元...
-
クリックで色変更後に既に変更...
-
createElementが一瞬で消えてし...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Javascript で共通の処理をどこ...
-
Javascriptで指定した日付と時...
-
textareaに画像を表示したい
-
Gifアニメ、最後のコマに行った...
-
1枚の画像をクリックして複数の...
-
画像ランダム表示、しかしダブ...
-
スライダーを実装した場合、ペ...
-
1枚の画像をクリックすると複数...
-
HTMLで条件分岐はできますか?
-
JavaScript スライドの画像にリ...
-
オンマウスで、画像切り替え+...
-
画像の重なりの順序を代える方...
-
JavaScriptとチェックボックス...
-
透過pngの透明部分以外をクリッ...
-
画像をドラッグ&ドロップで移...
-
各フォルダから1枚ずつ画像をラ...
-
jQueryで特定のURLの時のみ表示
-
bxsliderにて読み込み後に内容...
-
prettyphotoの画像表示について
-
WEBページ立ち上げ時に1回のみ...
おすすめ情報