मैं अपनी वेबसाइट में स्लिम स्लाइडर को लागू करने की कोशिश कर रहा हूं, लेकिन यह काम नहीं कर रहा है। मैंने कई बार संशोधित किया, यह पता लगाने की कोशिश कर रहा था कि क्या गलत है लेकिन कुछ भी नहीं मिला, मैं पागल हो रहा हूँ! कृपया किसी समस्या का पता लगाने में मेरी मदद करें। धन्यवाद, मार्को।

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <!-- Custom CSS -->
    <link rel="stylesheet" href="css/custom.css">

    <title>Gamer World News Entertainment</title>

    <link rel="stylesheet" type="text/css" href="slick/slick.css"/>
    <link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>

</head>
<body>
    <div class="slick">
        <div>your content</div>
        <div>your content</div>
        <div>your content</div>
    </div>

    <!-- Jquery -->
    <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
    <script src="https://code.jquery.com/jquery-migrate-3.0.1.min.js" integrity="sha256-F0O1TmEa4I8N24nY0bya59eP6svWcshqX1uzwaWC4F4=" crossorigin="anonymous"></script>
    <!-- Popper.js, then Bootstrap JS -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>  

    <script type="text/javascript" src="slick/slick.min.js"></script>

    <script type="text/javascript">
    $(document).ready(function(){
      $('.slick').slick({
        lazyLoad: 'ondemand',
        slidesToShow: 3,
        slidesToScroll: 1
      });
    });
    </script>

</body>
</html>
1
Marko Nestorovic 28 मार्च 2018, 22:48

4 जवाब

सबसे बढ़िया उत्तर

मुझे लगता है कि यह काम कर रहा है, आप उतनी ही स्लाइड दिखा रहे हैं जितने तत्व हैं। अनंत मोड चालू करें या अपने स्लाइडर में अधिक तत्वों का उपयोग करें।

1
NominalAeon 28 मार्च 2018, 20:20

हां, मैंने इसे पूरा कर लिया है, मुझे स्लाइडर में एक और तत्व जोड़ना है। मैंने इसके बारे में सोचा ही नहीं। आप लोगों का बहुत-बहुत धन्यवाद।

0
Marko Nestorovic 5 अप्रैल 2018, 19:39

अपने स्लाइडर पर एक और तत्व जोड़ें और यह काम करेगा।

0
Yeasin01 28 मार्च 2018, 20:22

क्या आपको डेवलपर टूल में कोई त्रुटि मिल रही है? अगर स्लीक फाइल लोड करने में कोई त्रुटि नहीं है तो

अपने कोड में स्लाइड्स टूशो: 1 बदलें और कोशिश करें। यह मेरे लिए बिल्कुल ठीक काम कर रहा है।

$(document).ready(function(){
  $('.slick').slick({
     lazyLoad: 'ondemand',
    slidesToShow: 1,
    slidesToScroll: 1 ,
    dots:true
  });
});

बेहतर दृश्यता के लिए मैंने डॉट्स शामिल किए हैं: सच। इसके बिना भी यह ठीक काम करता है। इस स्थिति में हमें स्लाइड्स को खींचना पड़ता है।

0
Seethapriyanka Peddada 28 मार्च 2018, 20:45