ایجاد: ۱۵:۳۵ ۱۳۹۱/۵/۲۷
ویرایش: ۱۸:۴۸ ۱۳۹۵/۶/۲۵

یادداشت‌ها

»

معرفی برخی اسلایدرهای جی‌کوئری

  • Basic slider
    یک اسلایدر فوق العاده سبک و کارآمد
  • Really Simple™ Slideshow
    یک اسلایدر سبک و منعطف
  • camera
    یک اسلایدر شکیل
  • space gallery
    اسلایدر نیست اما چیز جالبیه
  • COIN SLIDER
    یک اسلایدر سبک با افکت‌های زیبا
    یکی از محاسن این اسلایدر، پشتیبانی از تمام براوزرها (حتی براوزرهای قدیمی مثل ie6 است)
  • Adaptor
    یک اسلایدر ساده با ساپورت گستره وسیعی از براوزرها حتی ie6
  • slider man
    یک اسلایدر عالی و سبک که تمامی براوزرها را ساپورت می‌کند
  • Royal Slider
    یک اسلایدر بسیار عالی که البته رایگان نیست (لذا داکیومنت نداره) اما با توجه به سورس صفحه می‌شه ازش تا حدودی استفاده کرد.
  • Infinite Carousel
    یک اسلایدشو ساده و زیبا
  • Cycle2
    یک اسلایدشو ساده، منعطف و واکنشی
  • Skitter
    یک اسلایدشو شیک و زیبا با حجم minified شده حدود 50 کیلوبایت
  • zAccordion
    یک اسلایدشو متفاوت که کاربردهای خاص خود را دارد
  • fresco js
    یک اسلایدشو ساده و جالب و جدید
  • kwicks
    یک اسلایدر ساده برای کاربردهای خاص
  • Kort
    یک اسلایدشو ساده با نمایی منحصربفرد شبیه به ورق زدن یک دسته عکس
    (این اسلایدشو فاقد امکان درج عنوان، توضیح و لینک است)
  • ALS یا Any List Scroller
    همانطور که از نامش پیداست، هر لیستی را به یک اسکرولر تبدیل می‌کند. اسکرولری که هم به صورت اتوماتیک و هم به صورت دستی قابل تغییر است.
  • Baraja
    اسلایدشو نیست اما با کمک css3 چینش جالبی به تصاویر می‌دهد که شبیه بازی ورق و پاسور است.
  • Mosaic
    این هم یک اسلایدر نیست اما شبه اسلایدری جالب است برای زمانی که در صفحه تصاویر مختلف داریم و می‌خواهیم با آمدن موس روی هریک از آنها تصویر عوض بشود (یا نشود) و متنی با افکت روی آن به عنوان توضیح و لینک ظاهر گردد... (پیش نمایش)
  • ayaSlider
    یک اسلایدر بسیار بسیار زیبا و انعطاف‌پذیر
  • Slidorion
    اغلب اسلایدرها فقط بر روی تصویر عمل می‌کنند امااین اسلایدر بر روی متن و عکس عمل می‌کند و لیست عناوین اسلایدها به صورت نوار افقی در سمت راست آن زیرهم چیده می‌شود.
  • TN3 Lite Free
    TN3 نام اسلایدری زیبا و البته پولی است که نسخه رایگان آن نیز با امکانات کمتر برای دانلود در اینجا قرار داده شده است.
  • AD Gallery
    اسلایدری ساده که نمای کوچکی از تصاویر را در زیر تصویر بزرگ نمایش می‌دهد.
  • SIDEWAYS
    یک اسلایدر اعجاب انگیز! که تصاویر را در حالت تمام‌صفحه نمایش می‌دهد
  • Galleriffic
    یک گالری تصویر که تصاویر کوچک (بند انگشتی) را به شکل زیبایی در کنار تصویر بزرگ می‌چیند.
  • Photobox
    این اسلایدر به دلیل استفاده از CSS3 مرورگرهای قدیمی (مثل IE8) را پشتیبانی نمی‌کند (یعنی حدود 10 درصد کاربران وب) اما واقعا چشم‌گیر و زیباست. نمونه آزمایشی آن را در این صفحه ببینید.
  • GalleryView
    یک اسلایدر ساده اما عالی.
  • bxSlider
    یک اسلاید شو جدید که از نظر افکت، ساده است اما از نظر قابلیت، انعطاف‌پذیری بالایی دارد.
    حسن مهم این اسلایدشو Responsive بوده و در وسایل لمسی نیز به خوبی کار می‌کند (با کشیدن انگشت روی صفحه لمسی، اسلاید بعدی/قبلی ظاهر می‌شود). این اسلایدشو که قابلیت نمایش اسلاید متنی/تصویری را داراست، تنظیمات زیادی داشته و تم آن به راحتی قابل تغییر است و از مرورگرهای Firefox, Chrome, Safari, iOS, Android, IE7+ پشتیبانی می‌کند.
  • Expanding Overlay Effect
    یک اکسپندر ساده و زیبا
  • Rondell
    یک اسلایدر مدور که تصاویر را روی یک حلقه می‌چیند و علاوه بر چرخش اتوماتیک، در صورت کلیک بر روی یکی از تصاویر کنار حلقه، آن را در وسط نمایش می‌دهد. عالی‌ست اما برای تصاویر کوچک کاربرد دارد و نه تصاویر بزرگ. مثلا برای نمایش تصاویر مربوط به یک کالا که دارای جزئیات خاصی نیست.
  • Swipebox و Swipeshow
    یک اسلاید شو ساده اما عالی از این نظر که روی موبایل هم به خوبی کار می‌کند. علاوه بر فلش جهت‌نما برای رفتن به عکس بعد/قبل، در کامپیوتر با استفاده از کلید جهت‌نما و در موبایل با استفاده از لمس صفحه و کشیدن به سمت چپ/راست می‌توان تصاویر را پیمایش کرد.
  • kGallery
    یک اسلایدر که برای تصاویر زیاد مناسب است و تصویر کوچک اسلایدها را در کنار یا زیر آن نمایش می‌دهد و قابلیت پخش خودکار اسلایدها و تصاویر کوچک را نیز دارد...
  • Flexisel
    یک اسلایدر ریلی با حرکت اتوماتیک که responsive نیز هست.
  • UNslider
    یک اسلایدر ریسپونسیو کراس براوزر با تنظیم ارتفاع اتوماتیک و پشتیبانی از صفحه کلید جهت حرکت بین اسلایدها
  • Looper.js
    یک اسلایدر بسیار سبک برای لیست‌های کوچک با انعطاف پذیری بالا
  • Vortex
    یک اسلایدر مدور جدید و منعطف
  • Glide
    به جرأت می‌توان گفت بهترین. شاید تنها اشکال این اسلایدشو، کم بودن افکت‌های آن باشد اما از نظر دیگر ویژگی‌ها واقعا عالی‌ست؛ حجم بسیار کم 4.5 کیلوبایت. استفاده از css3 transit ها برای افزایش سرعت اجرا و کاهش حجم، ریسپونسیو، پشتیبانی از وسایل لمسی و کلیدهای جهت‌نمای صفحه کلید، انعطاف‌پذیر و قابل برنامه‌ریزی و ...
  • slidr.js
    این اسلایدر که مناسب است برای کل صفحه استفاده شود، اسلایدری خاص است که برای آشنایی با آن می‌توانید نسخه دموی آن را ببینید.
  • Ion.ImageSlider
    یک اسلایدر خوب دیگر که دارای دو ویژگی خاص است:
    1. کلیک و زوم یک اسلاید
    2. دارای چند تم از جمله تم ویندوز 8
  • jQuery javascript image slider/gallery/slideshow/banner/rotator TOUCH RESPONSE
    یک اسلایدر جدید و عالی با امکانات و افکت‌های بسیار زیاد و منحصر بفرد، ریسپونسیو، پشتیبانی از وسایل لمسی و ... با قابلیت پشتیبانی تمام براوزرها حتی IE6 !!!
  • GLSL Transition
    البته این مورد یک اسلایدر نیست. بلکه افکت‌هایی با کمک WebGL برای اسلایدر است. افکت‌هایی که در اسلایدرهای دیگر مشابه آن را ندیده‌اید...
  • Fotorama
    این هم یک اسلایدر جدید دیگر که سعی کرده همه محاسن را در خود جمع کند!
    پشتیبانی از وسایل لمسی، فول اسکرین، ارائه به صورت مستقل و همچنین پلاگین وردپرس، نمایش تصاویر کوچک در نوار پایین، پشتیبانی از Autoplay و Right-to-left و Lazy load تنها بخشی از قابلیت‌های این اسلایدر است.
    همچنین این اسلایدر بر روی سرورهای آمازون به عنوان CDN هاست شده که موجب لود سریع‌تر js آن می‌شود.
  • nanoGALLERY
    اگر برای کسی حجم مهم نباشد، این پلاگین اسلایدشو جدید و پرامکانات، یکی از انتخاب‌هاست.
  • QueueSlider
    یک اسلایدر ساده و full width با حجم بسیار ناچیز که از وسایل لمسی نیز پشتیبانی می‌کند. (پیش نمایش)
  • PlusSlider
    یک اسلایدر سبک و عالی و زیبا که هم روی عکس و هم روی متن می‌تواند به خوبی عمل کند. نکته جالب در مورد این اسلایدر که در IE6 هم عمل می‌کند، این است که لازم نیست همه اسلایدها، طول و عرض مساوی داشته باشند بلکه هر اسلایدر می‌تواند طول و عرض دلخواه خود را داشته باشد و به صورت اتوماتیک موقع نمایش هر اسلاید، اسلایدر به همان اندازه ریسایز می‌شود. (دمو)
  • slick
    یک اسلایدر جدید، ساده، ریسپونسیو با پشتیبانی لمسی و قابلیت‌های دیگر...
  • Tikslus Carousel
    یک اسلایدر شیک و چشم‌نواز به همراه نمایش تصاویر کوچک، تایمر، دکمه stop و fullscreen و زوم و ...
  • Flickity
    این اسلایدر چندمنظوره جدید، API واقعا منعطف و خوبی را داراست.
  • Swiper
    یک اسلایدر بسیار عالی که سایت‌های موسسات معروفی چون ادوبی و BMW و پژو و سیسکو هم مشتری آن شده‌اند!
    این اسلایدر پرقابلیت که از زبان‌های rtl و صفحات لمسی نیز پشتیبانی می‌کند را بهتر است خودتان در عمل ببینید و تست کنید. (لینک بالا)
  • لُری! سبک و مدرن
    از صفحات لمسی نیز به خوبی پشتیبانی می‌کند.

یادداشت‌های مرتبط
  1. جایگزین های alert (لایت باکس ها)
  2. طراحی وب واکنشی
  3. پلاگین هایی برای کار با فرم های ورود اطلاعات
  4. افکت‌های متن با جاوا اسکریپت و جی‌کوئری
  5. لینک اسکرول به بالای صفحه
  6. پیمایش و منو برای یک صفحه
  7. کنترلرهای اسلایدی
  8. استفاده از Media Queries ها و اصلاح عدم پشتیبانی IE6-8
  9. پلاگین‌های جی‌کوئری برای استفاده بهتر از خدمات گوگل

مدیریت

نام وسیله

اعتبار ورود

نام کاربری

رمز عبور

رمز یکبارمصرف

... لیست تمام یادداشت‌ها

تبلیغات

ربات‌های تلگرامی:
مجموعه ربات‌های تلگرامی ما برای ساده‌تر کردن کار با تلگرام و مدیریت کانال و ...
خرید هاست (فضا):
دنبال یک هاست به صرفه برای شروع کار می‌گردید؟
مشخصات و قیمت‌های این مورد رو ببینید. من سال‌ها مشتری‌شون بودم و پشتیبانی‌شون هم خوب بود.
دامنه‌های فروشی:
دامنه‌های زیر مربوط به ما یا مشتریان ماست که قابل فروش هستند. در صورت تمایل به خرید یکی از آنها، مبلغ پیشنهادی را از طریق فرم ارتباطی برای ما ارسال نمایید.

دامنه‌هایی که می‌تواند مصرف مذهبی داشته باشد:
دامنه‌هایی که می‌تواند مصرف تخصصی داشته باشد:
دامنه‌هایی که می‌تواند مصرف شخصی/عمومی داشته باشد: