リンクを押してスライドを出現させる方法

質問

リンクをクリックしたときに、新しいページに飛ぶのではなく、画面の上にスライドを表示させる方法を教えて下さい。

ギャラリーなどでよくある、サムネ画像をクリックすると上にふわっと出現するもののスライド版を作りたいと思っています。
スライド自体は作れているのですが、それをどうやったらリンクを押したときに画面上に出現させることができるのかわからず悩んでいます。

下の参考画像のように、元のページが一段階暗くなり、上に出てくるというものです。

スライドは、画像がフェイドアウトして新しい画像がフェイドインするようなタイプではなく
画像が横スライドして新しい画像に入れ替わるタイプです。

また、元のページ自体がまたスライドなのですが、一つのhtmlに複数のスライド用のjQueryをつないだ場合、ごちゃごちゃに反応してしまうでしょうか。

どなたかご教授お願いいたします。

回答No.1

warpspace · ベストアンサー

ThickBoxはどうでしょうか？。
私は静止画でしか使用したことはありませんが、機能概要によると次のコンテンツを
オーバーレイ表示できるようですので、工夫すればスライドも可能かと思います。
　　・単一画像
　　・ギャラリー画像
　　・インラインコンテンツ
　　・iFrame コンテンツ
　　・AJAX コンテンツ

参考URL：

http://attosoft.info/blog/thickbox-usage/

お礼

対応が大変遅れて申し訳ありません。
いろいろなBOX型のスライドがあることを知り、ThickBoxではなくLightBoxですが思ったとおりの形にすることが出来ました。
参考ページや情報を教えてくださりありがとうございました。
また機会がありましたら、宜しくお願い致します。