کتابخانه
bxslider یه پلاگین جی کوئری برای ساخت اسلایدر و کاروسل ریسپانسیوه که روی موبایل با کشیدن انگشت هم کار می کنه. اگه سایتت از jQuery استفاده می کنه و برای بنر، تصویر محصول یا نظر مشتری ها یه اسلایدر ساده می خوای، این کتابخانه با چند تنظیم کوتاه کارت رو راه می ندازه.
نسخه رسمی و بدون تغییر، از منبع رسمی با مجوز MIT؛ هش هر فایل با منبع بررسی شده است.
۳٫۷ مگابایت· ۳۷ فایل· انتشار
SHA-256: ce0b8c9c8eeab384f414d0dc9c0a6ca9f9b959158f1c7e94d09254a3138c7cf6
bxslider یه پلاگین جی کوئریه که Steven Wanderski نوشته و با مجوز MIT منتشر شده. توضیح رسمی خودش می گه پلاگینی برای ساخت کاروسل و اسلایدر ریسپانسیوه که از لمس هم پشتیبانی می کنه. یعنی لازم نیست برای کشیدن انگشت روی موبایل یا جابه جا شدن اسلایدها خودت کد بنویسی. یه لیست ساده از تصاویر یا محتوا بهش می دی و بقیه کار با پلاگینه.
مشکلی که حل می کنه مشخصه: اسلایدر دستی نوشتن وقت می گیره و تست روی مرورگرها و موبایل های مختلف هم دردسر داره. با bxslider می تونی اسلایدر افقی یا عمودی بسازی، حالت محو شدن (fade) بذاری، دکمه های قبلی و بعدی و نقطه های صفحه بندی (pager) رو روشن یا خاموش کنی و پخش خودکار (auto) رو تنظیم کنی. حالت کاروسل هم داره. با گزینه هایی مثل minSlides و maxSlides مشخص می کنی در هر اندازه صفحه چند اسلاید دیده بشه. برای نوار متحرک لوگوها یا خبرهای پشت سر هم هم حالت ticker هست.
بیشتر به درد سایت هایی می خوره که از قبل jQuery دارن: قالب های وردپرسی قدیمی تر، سایت های شرکتی، فروشگاه های کوچیک و صفحه های معرفی. اگه پروژه ت از صفر شروع می شه و jQuery نداری، فقط برای یه اسلایدر کل jQuery رو لود نکن. روی اینترنت موبایل و هاست های کند این هزینه حس می شه. یه نکته دیگه هم هست: این پروژه مثل کتابخانه های تازه فعال نیست، پس اگه کارت حساسه، اول رفتارش رو روی مرورگرهای مقصدت تست کن.
چند نکته عملی هم موقع استفاده یادت باشه. اندازه تصویرها رو قبل از گذاشتن توی اسلایدر بهینه کن، چون چند تا عکس سنگین سرعت صفحه رو خراب می کنه، مخصوصاً برای کسایی که با اینترنت همراه وارد می شن. تصویرها رو از اول با ابعاد هماهنگ آماده کن تا موقع جابه جا شدن، ارتفاع کادر نپره. اگه سایتت راست به چپه، سمت حرکت اسلایدها و جای دکمه ها رو قبل از انتشار تست کن و فرض نکن همه چیز خودکار درست در میاد.
نسخه رسمی و بدون تغییر bxslider توی مخزن داخلی ما هم هست. اگه اینترنت بین الملل محدود بود و npm یا منبع اصلی در دسترس نبود، می تونی از همین صفحه برداریش و توی پروژه ت استفاده کنی.
راه انداختن bxslider چند قدم بیشتر نیست. اول مطمئن شو jQuery توی صفحه ت لود شده، چون بدون اون پلاگین کار نمی کنه.
اگه اسلایدر خالی یا بدون استایل دیدی، اول مسیر فایل CSS و ترتیب لود jQuery رو چک کن. بیشتر مشکل ها از همین دو تاست.
bxslider یه پلاگین جی کوئریه برای ساخت اسلایدر و کاروسل ریسپانسیو. برای نمایش بنرهای صفحه اول، گالری تصاویر محصول، نظرات مشتری ها یا لوگوی همکارها استفاده می شه. روی موبایل با کشیدن انگشت هم کار می کنه و اسلایدر افقی، عمودی و fade رو پشتیبانی می کنه.
نه. این یه پلاگین jQuery هست و برای اجرا باید jQuery قبل از فایل خودش توی صفحه لود شده باشه. اگه پروژه ت jQuery نداره و نمی خوای فقط برای یه اسلایدر اضافه ش کنی، بهتره سراغ یه اسلایدر مستقل از jQuery بری.
بله، چون وردپرس خودش jQuery داره. فایل ها رو توی قالب یا یه افزونه سفارشی صف بندی کن و اسلایدر رو توی قالب بساز. یادت باشه وردپرس jQuery رو در حالت noConflict لود می کنه، پس به جای علامت دلار از خود jQuery استفاده کن و تداخل با بقیه اسکریپت ها رو هم چک کن.
می شه استفاده ش کرد، ولی مطمئن نیستم همه چیزش برای RTL آماده باشه. سمت حرکت اسلایدها، جای دکمه ها و نقطه های صفحه بندی رو قبل از انتشار روی سایت خودت تست کن. اگه چیزی جابه جا بود، با CSS درستش کن.
مجوزش MIT هست که معمولاً استفاده توی پروژه های شخصی و تجاری رو آزاد می ذاره. فقط باید اعلان مجوز و نام سازنده رو توی فایل ها نگه داری. اگه پروژه ت حساسیت حقوقی داره، متن کامل مجوز رو هم بخون.
نام کتابخانه، افزونه یا قالب را بفرستید؛ پس از بررسی، نسخه‌های رسمی آن به مخزن اضافه می‌شود.