wordpres

مشکل با slick اسلایدر

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

سلام

من از اسلایدر slick برای نمایش آخرین مطالب سایتم استفاده میکنم بعد مشکلی که دارم این هست که وقتی سایت رو باز میکنم تا وقتی روی دکمه های prev - next کلیک نکنم اسلاید ها نمایش داده نمیشن

کسی میدونه مشکل از چیه؟

کدهای جی کوئری که نوشتم براش هم ایناس :


<script type="text/javascript">
$(document).ready(function () {
$('.logo-slider').slick({
slidesToShow: 4,
slidesToScroll: 1,
lazyLoad: 'ondemand',
autoplay : true,
autoplaySpeed: 8000,
responsive: [
{
breakpoint: 1100,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
infinite: true,
dots: true
}
},
{
breakpoint: 770,
settings: {
slidesToShow: 2,
slidesToScroll: 2
}
},
{
breakpoint: 490,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
}
]
});
});
</script>

0

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


لینک به پست

سلام

من از اسلایدر slickبرای نمایش آخرین مطالب سایتم استفاده میکنم بعد مشکلی که دارم این هست که وقتی سایت رو باز میکنم تا وقتی روی دکمه های prev - next کلیک نکنم اسلاید ها نمایش داده نمیشن

کسی میدونه مشکل از چیه؟

کدهای جی کوئری که نوشتم براش هم ایناس :


<script type="text/javascript">
$(document).ready(function () {
$('.logo-slider').slick({
slidesToShow: 4,
slidesToScroll: 1,
lazyLoad: 'ondemand',
autoplay : true,
autoplaySpeed: 8000,
responsive: [
{
breakpoint: 1100,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
infinite: true,
dots: true
}
},
{
breakpoint: 770,
settings: {
slidesToShow: 2,
slidesToScroll: 2
}
},
{
breakpoint: 490,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
}
]
});
});
</script>

سلام


<script type="text/javascript">
$(document).ready(function(){
$('.logo-slider').slick({
slidesToShow: 4,
slidesToScroll: 1,
arrows:true,
rows:1,
autoplay:true,
lazyload:'ondemand',
rtl:true,
infinite: true,
dots:true,
autoplayspeed:800,
});
});
</script>

ویرایش شده در توسط sajjadmp
1

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


لینک به پست

یه دنیا ممنون درست شد

حالا برای رسپانسیوش چی باید بکنم؟؟ :((

0

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


لینک به پست

یه دنیا ممنون درست شد

حالا برای رسپانسیوش چی باید بکنم؟؟ :((

بایستی از media و استفاده از % بجای px در css استفاده کنید .

موفق باشید .

0

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


لینک به پست

بایستی از media و استفاده از % بجای px در css استفاده کنید .

موفق باشید .

نه خب خودت slick قابلیتی برای رسپانسیو کردن داره با همین کدهای js

فقط میخواستم بدونم چجوری باید انجام بدم

0

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


لینک به پست

نه خب خودت slick قابلیتی برای رسپانسیو کردن داره با همین کدهای js

فقط میخواستم بدونم چجوری باید انجام بدم


<script type="text/javascript">
$(document).ready(function(){
$('.logo-slider').slick({
slidesToShow: 4,
slidesToScroll: 1,
arrows:true,
rows:1,
autoplay:true,
lazyload:'ondemand',
rtl:true,
infinite: true,
dots:true,
autoplayspeed:800,
responsive: [
{
breakpoint: 1100,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
infinite: true,
dots: true
}
},
{
breakpoint: 770,
settings: {
slidesToShow: 2,
slidesToScroll: 2
}
},
{
breakpoint: 490,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
}
]
});
});
</script>

1

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


لینک به پست

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

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

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

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


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

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

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


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