HPで浮き出るウィンドウの作り方

HPなどでリンクボタンを押した時に、
表示させるページを別ウィンドウで表示させる方法を知りたいのですが、
やりたいことは、

リンクボタンを押す→見ているサイトに暗く半透明な影がかかる
→サイトに重なって小ウィンドウが出現→リンク内容が表示される

という物で・・・説明が下手ですみません。

mixiのタイムライン上や日記一覧などからリンクをクリックすると
日記が上記のように表示されるので、これがまさに理想の形なのですが
mixiを見られない方用のサンプルサイトが見つかりませんでした

当方はhtmlを一通り理解しているがjavascriptは全くわかりません
cssも少ししかわかりませんし、htmlもマニアックなものはわからない・・・
という申し訳ないレベルですが、
なるべくわかりやすく教えていただけたら幸いです

No.1 ベストアンサー 回答者： sora1515 回答日時： 2013/12/06 03:19

Lightboxというプラグイン(JavaScript)で導入可能です。

http://ja.wikipedia.org/wiki/Lightbox

最新版はLightbox2らしいです。(サンプルもあり)
http://lokeshdhakar.com/projects/lightbox2/#down …

ブログやコミュニティサイトでは運営側で実装されている場合もあり画像アップロード時に自動で適用されたりします。個別での導入方法は別途『Lightbox2 使い方』などで検索してみて下さい。


ps
私もよく見かけてはいましたが実現方法がわからず１時間ほど探し続けていました。けっこう見当たらないものですね。。

この回答へのお礼

あ、まさにこれです。本当にありがとうございました
名前すらわからない状態だったんで非常に助かりました
これから設置方法などを検索してみます

お礼日時：2013/12/08 06:09