1

（1）画像切り替えメニュー（メニューのアイテムをロールオーバーし、ページの他の場所に画像を表示する）と（2）キャプションロールオーバー（画像をロールオーバーし、キャプションを展開する）を一緒にハックしようとしています長いテキストを表示します)。

キャプションのロールオーバーは素敵な jCapSlide スクリプトです。これが機能する例を次に示します。

http://steph-morris.com/jCapSlide.html

( http://tympanus.net/codrops/2009/11/23/jcapslide-a-jquery-image-caption-plugin/からの元のプラグイン)

以下は、ロールオーバー状態かどうかに関係なく、キャプションを完全に表示できない画像切り替えメニューの例です。

http://steph-morris.com/novel_test.html

この cobbling-together の以前のバージョンでは、「ic_container」DIV から削除して「overlay」DIV に移動した場合に、キャプションを表示することができました。残念ながら、私はもはやそれを再現することはできません. それが私が他の人のスクリプトをハッキングするのが好きなところです。

「2 つのスクリプトを組み合わせる 101」ガイドから、これを機能させるための便利なソリューションまで、あらゆるガイダンスをいただければ幸いです。

4

1 に答える 1

0

あなたのjavascriptはほとんど問題ありませんが、問題はcssにあります。いくつかのスタイルを取り除いたところ、最初のスタイルで正しく機能するようになりました。思い通りにするには、スタイルを少しいじる必要があります。問題が表示されない 2 つ目は、showcaption オプションが true に設定されていると、何らかの理由で JavaScript に問題があることです。それを機能させるための回避策は、手動で 'ic_caption' div を have に設定することstyle="display:block;"です。なぜ機能しないのかわかりませんでしたが、これを行うと、最初にキャプションが表示されます。

ここで実際の例を設定します: http://jsfiddle.net/dbMGg/1/

于 2011-08-30T01:34:36.287 に答える