0

Anyslider を使用していますが、モバイル レスポンシブ ビューと互換性を持たせるのに大きな問題があります。

基本的に私がやっていることは、ウィンドウのサイズが変更されたときにこれらの変数を変更することです:

var lists = jQuery('.page-home .featured-rotator ul li');
var slider = jQuery('div.anythingSlider');
var shadow = jQuery('div.region-home-featured')

サイズ変更時に更新されるこの変数に一致させるには:

var slider_width = jQuery('.home-featured').width();

ビュー コンテナー全体の見栄えが良くなったものもありますが、スライドはまだ元の幅で遷移しているため、複数のスライドが 1 つのビューに表示されます。

他の誰かが幅を変更しようとしましたか? コードの1行で応答する変数を設定する方法について別の回答を読みましたが、それを実装しようとしてもうまくいきませんでした。私のやり方が間違っているのでしょうか、それともこのスライダーには当てはまりませんか?

4

1 に答える 1

0

サイズ調整

たとえば、スライドの幅を680ピクセルではなく580ピクセルにしたい場合は、CSSを変更するだけです。.anythingSlider ul liの幅を580pxに変更し、.anythingSlider .wrapperの幅を580pxに変更し、.anythingSlider100pxの幅を660pxに減らします。

http://css-tricks.com/anythingslider-jquery-plugin/

ラッパーだけでなく、li要素のサイズも変更する必要があります。つまり、あなたの場合、.featured-rotator ul li

于 2012-07-30T11:35:43.557 に答える