unid_user

owl carousel
تغییر اسم دکمه های owl carousel

6 پست در این موضوع قرار دارد

سلام و درود

دوستان گرامی ، می خوام دو تا دکمه مربوط به اسلایدر owl carousel رو از next و prev به < و > تبدیل کنم. چه راه حلی وجود داره؟

در ضمن من از پلاگین وردپرس استفاده نمی کنم. و فقط ماژول جی کوئری اون رو استفاده می کنم.

با تشکر و سپاس

0

به اشتراک گذاری این پست


لینک به پست
در 5 دقیقه قبل، unid_user گفته است :

سلام و درود

دوستان گرامی ، می خوام دو تا دکمه مربوط به اسلایدر owl carousel رو از next و prev به < و > تبدیل کنم. چه راه حلی وجود داره؟

در ضمن من از پلاگین وردپرس استفاده نمی کنم. و فقط ماژول جی کوئری اون رو استفاده می کنم.

با تشکر و سپاس

سلام 

اگه اسلایدرشو خودتون تنظیم کرده باشید. تو کد js که داره یه پارامتری داره به اسم nav که اینو برابر با true کنید فلش های ناوبری رو زیر اسلایدر براتون نمایش میده.

برای اطلاعات بیشتر میتونید لینک زیر رو مشاهده کنید:

https://goo.gl/yVmyW2

0

به اشتراک گذاری این پست


لینک به پست
در هم اکنون، sajad گفته است :

سلام 

اگه اسلایدرشو خودتون تنظیم کرده باشید. تو کد js که داره یه پارامتری داره به اسم nav که اینو برابر با true کنید فلش های ناوبری رو زیر اسلایدر براتون نمایش میده.

برای اطلاعات بیشتر میتونید لینک زیر رو مشاهده کنید:

https://goo.gl/yVmyW2

nav رو برابر true گذاشتم و به من next , prev رو نشون میده. من میخوام بجاش از html symbol یا قبل و بعد استفاده کنم.

0

به اشتراک گذاری این پست


لینک به پست
در 2 دقیقه قبل، unid_user گفته است :

nav رو برابر true گذاشتم و به من next , prev رو نشون میده. من میخوام بجاش از html symbol یا قبل و بعد استفاده کنم.

تو فایل js که داره next , prev  رو سرچ کنید و با عبارت مورد نظر خودتون جایگزین کنید.

1

به اشتراک گذاری این پست


لینک به پست

@unid_user

تو این فایل

owl.carousel.min.js

عبارت:

aria-label="Next" 

رو سرچ  و تغییرات رو اعمال کنید.

0

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

سلام @unid_user

دوست عزیز @sajad درست راهنمایی کردن اما اگر میخوای از راه راحت تری واردشی کافیه این ویژگی رو زیر nav: true قرار بدی

navText: ["<div class'owl-prevpage'>قبلی</div>","<div class'owl-nextpage'>بعدی</div>"],

 

ویرایش شده در توسط cherry
2

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط unid_user
      سلام دوستان
      امروز می خواستم با owlcarousel کار کنم. ولی نمیدونم چرا درست و حسابی کار نمیکنه و محتوای div ها رو نشون نمیده.
      کد html:
      <div class="owl-carousel owl-theme"> <div class="item"><p>content</p></div> <div class="item"><p>content</p></div> <div class="item"><p>content</p></div> </div> کد جاوا اسکریپت: من این کد رو توی فایل myscript.js خودم کپی کردم.
      $(document).ready(function(){ $('.owl-carousel').owlCarousel({ loop:true, margin:10, nav:true, responsive:{ 0:{ items:1 }, 600:{ items:3 }, 1000:{ items:5 } } }) }); از نظر لینک ها درست عمل کردم و پلاگین فعاله و لی نمیدونم چرا درست کار نمیکنه و محتوا رو نشون نمیده بخصوص اگه محتوا تصویر باشه.
      ممنون.
    • توسط Mohamad™
      سلام تا جایی که من میدونم افزونه بالای این سایت Owl Carousel هستش
      این سایتو ببینید
       
      https://www.android30t.com/ ایا میتونید راهنمایی کنید من چجوری میتونم این افزونه رو به این شکل داشته باشم ؟
      چون من فعال میکنم اصلا اینجوری نیستش و نمیتونم توی قالبم درست نمایشش بدم و در اصل نماش داده نمیشه