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

[wordpres 5]

سلام

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

[sajjadmp 72]

سلام

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

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

[wordpres 5]

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

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

[محمدرضـا 388]

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

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

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

موفق باشید .

[wordpres 5]

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

موفق باشید .

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

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

[sajjadmp 72]

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