رفتن به مطلب

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


پست های پیشنهاد شده

سلام

من از اسلایدر 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>

لینک به ارسال

سلام

من از اسلایدر 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
لینک به ارسال

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

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

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

موفق باشید .

لینک به ارسال

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

موفق باشید .

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

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

لینک به ارسال

نه خب خودت 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>

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...