3

jquery プラグイン jcarousel に問題があり、ブラウザーのサイズが変更されたときにカルーセル領域が移動します。

これは、カルーセルが「円形」に設定されていて、各アイテムを既に通過している場合に発生します。カルーセルのコンテナのスタイルは left: -7300px; です。幅: 10950px; ブラウザのサイズを変更すると、次のように変わります: left: -8030px; 幅: 8760px; そして、カルーセルが見えなくなっています (アイテムがスクロールして過ぎていくのを見ることができるので、カルーセルがあるべき場所の左側にあるようです)。

編集: コードを追加します。Drupal + Views を使用しているため、html が少し乱雑で、実際に投稿できません。しかし、カルーセルを設定する方法は次のとおりです。

  $(document).ready(function() {
    $(".view-promo-box-home-page-carousel ul").jcarousel({
    visible: 1,
    scroll: 1,
    auto : 1,
    wrap : "circular",
    itemFallbackDimension : 730
    }); 
 });
4

2 に答える 2

0

私は遅れていることは知っていますが、このページで答えを探しに来た私のような人のために、ここに答えがあります：http ://www.sitepoint.com/forums/showthread.php?718555-Problem-with- Jcarousel

CSSでは、カルーセルのリストアイテムの幅が178ピクセルに設定されており、その中の実際の画像の幅は185ピクセルのようです。「.jcarousel-skin.jcarousel-item」の幅を185pxに調整する（そしてそれに応じてマージンを調整する）とうまくいくはずです。

于 2012-11-03T10:17:10.610 に答える
0

いろいろ試してみたところ、Jcarousel にはデフォルトで jquery.jcarousel.js が含まれていないことがわかりました。そこで、modules/jcarouselのjcarousel.moduleファイルに次の行を追加してみてください。

 drupal_get_path('module', 'jcarousel') . '/js/jquery.jcarousel.js',

その後、jquery.jcarousel.js の 287 行目のこれの代わりに... if (i + 1 < self.first) {

これに交換して…

if (i + 1 < self.first % this.options.size) {

ではごきげんよう...

それは私のために働いた。

于 2013-09-03T09:53:22.567 に答える