2012-03-26 6 views
0

メインコンテンツエリアの背景のスタイル付き画像を使用して、スライドショーにjQuery Cycleを使用しています。私はそのイメージを無地に退色させています。単色はページの全幅にまたがります。色はCMSで動的に書き込まれます。 CMSは、サイクルの影響を受けるコンテナ(li)に色のクラス名を追加します。サイクルはすべて私のレイアウトをリセットしますか?誰もこれを前にしたことがありますか?
各スライドのjQueryサイクルフル幅ラッパー

これは私がスタイリングは(サイクルなしで)見てみたい方法です: http://riverdistrictstudio.com/slider/index-no-cycle.html

サイクルに: http://riverdistrictstudio.com/slider/

+0

私はJSソリューションを見つけました:http://www.yelotofu.com/2011/06/jquery-cycle-and-fullscreen/ - CSSソリューションは良いでしょうが、おそらく不可能です。 –

+0

私は、サイクルがあなたの 'li'要素を' position:absolute'に設定して、それらをラップさせて縮小することを考えています。明示的に幅を100%に設定する必要があります。 – powerbuoy

答えて

0

サイクルプラグインがその最小サイズにスライドをcontrains、それはそう彼らは絶対になりそれらを互いに浸透させることができる。

方法あなたはまだそれが全体の幅は、それwidth: 100%;を作成し、divの中で、それを中心に、UL margin: 0 auto;を与えるulとスタイルarroundのdivをラップすることですまたがることができます。

+0

センタリングは問題ではありません。問題は、全幅のラッパーの背景色が、固定幅のコンテンツ幅と同じ時間にスタイルされたbg画像をアニメートする必要があることです。 –

+0

その場合、高さと幅を強制しないようにCycleプラグインを変更する必要があります。または、別のプラグインを使用するか、自分で書き込んでください。フェードトランジションは最も簡単です。 [これは私のものです](http://jsfiddle.net/RFJMy/222/)、私はこれを特別に書いています。余分な位置付けや強制的な次元はありません。 – sg3s

関連する問題