jQueryのオーバーフロー隠し問題ポップアップ付き垂直スライダ

Question

私は約20個のサム画像を持つjQuery Vertical Sliderに取り組んでいます。サム画像をクリックすると、画像の説明と詳細ボタンがポップアップ表示されます。しかし、問題は垂直スライダのメインコンテナにはCSSのプロパティオーバーフローがあります：隠された;ポップアップをコンテナから出さないようにしています。より良い方法で問題を理解するには、次の例を参照してください。

http://jsfiddle.net/awaises/BtAsN/

次の例の画像URLであると私は私のスライダーがそのように見えるようにしたいです。

http://www.thewebmakerz.com/Vertical-Slider.jpg

私はその問題を解決することができますどのように私を導いてください。同じように動作する例が分かっている場合は、を参照してください。アドバンス

で

おかげ

Answer 1

あなたのボタンクリックイベントにこの機能を入れ

例えば$('body').append('<div class="imagePopUp"> your content </div>')

ページにHTMLを追加するためにjQueryを使用することができます。この方法で、垂直スライダーの外にコンテンツを動的に追加し、必要な場所に配置することができます。

あなたはそれを削除するには

$('body').removeClass('imagePopUp') 

を使用することができます。