javascript - シースルー レイヤーを使用して Web ページの上に画像を読み込む方法は何ですか?

Question

このウェブサイトをチェックしてください：

http://www.ramziarabi.com/portfolio/art-portfolio/

画像をクリックすると、画像を隠したり、新しいページを開いたりすることなく、ウェブページの上に画像が開きます。これはJavaScriptで行われていると思いますが、誰かがその方法を説明できますか? そのために使用できるコードを提供してください。

Answer 1

最近では、オープン ソース プラグインを使用してこれらを行うのは非常に簡単です。

彼らがそのサイトで使用しているのは LightBox で、ここにあります。

http://leandrovieira.com/projects/jquery/lightbox/

私が使用したいのは prettyPhoto と呼ばれるもので、ここに素晴らしい例と手順のリンクがあります

http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/

頑張って楽しんでください！

Answer 2

Javascript Lightbox を検索してください。簡単に使用できる例がたくさんあります。