نکاتی چند در رابطه با نحوه استفاده از قابلیت Transition: Carousel

به منظور استفاده از قابلیت Transition: Carousel پلاگین Cycle2 باید به موارد زیر دقت فرمایید:

1- در ماژول خود، jquery.cycle2.min.js حتما بایستی قبل از jquery.cycle2.carousel.js قرار گیرد که اینکار را با دادن weight بیشتر به jquery.cycle2.min.js انجام دهید مانند زیر:

'js' => array(
          array(
            'data' => "$jquery_cycle2/jquery.cycle2.min.js",
            'type' => 'file',
            'weight' => 0,
          ),
          array(
            'data' => "$jquery_cycle2/jquery.cycle2.carousel.js",
            'type' => 'file',
            'weight' => 10,
          ),
        ),

2- بعد از پیاده سازی ماژول دقت شود که موارد زیر در Css حتما رعایت گردد:

  • ارتفاع و عرض تصاویر حتما بایستی auto باشند.
  • direction بیرونی ترین کلاس (container) حتما بایستی ltr باشد چرا که قابلیت carousel در حالت rtl بعد از گذشت زمانی اندک، با مشکل روبرو می شود و از راست به چپ محتوا را خالی رد می کند.
  • چنانچه در محتوای نمایش داده شده در carousel متن وجود دارد برای نمایش متن زیر تصویر حتما white-space: normal; استفاده شود.
برچسب ها: 
درخت مرجع: 

دیدگاه‌ها

تصویر aliii

aliii (تایید نشده)

این راست چین کردن cycle توی نسخه جدیدش اوکی شده؟

افزودن نظر جدید