हैकिंग/ओवरराइडिंग जावास्क्रिप्ट

Question

मैं केवल HTML और CSS से परिचित हूं, जिसका उपयोग मैं दैनिक आधार पर करता हूं। !Important सीएसएस ओवरराइड कुछ ऐसा है जो मुझे तृतीय पक्ष सीआरएम सिस्टम का उपयोग करने वाले क्लाइंट के लिए वेबसाइटों को कस्टमाइज़ करने के लिए TONS करना है, लेकिन अब मुझे यह देखने के लिए कहा गया है कि क्या मैं जावास्क्रिप्ट छवि स्लाइडर को ओवरराइड कर सकता हूं; अर्थात् यदि मैं छवियों को रीफ्रेश करते समय छवियों को घुमाने के लिए मजबूर कर सकता हूं, तो एक छवि को दिखाने के बजाय केवल यादृच्छिक रूप से बदल जाता है। मैं यह जानने के लिए जावास्क्रिप्ट के साथ पर्याप्त परिचित नहीं हूं; मैंने इस तरह के छवि स्लाइडर का कई बार उपयोग किया है, इसलिए मुझे पता है कि किन सेटिंग्स को बदलने की जरूरत है, लेकिन मुझे नहीं पता कि सीएसएस के साथ जैसे ओवरराइड को कैसे मजबूर करना है, या यदि यह भी संभव है एक ही पृष्ठ पर एक और यह करेगा।

यहां जावास्क्रिप्ट कोड स्निपेट है जिस पर वेबपृष्ठ पहले से है।

<script type="text/javascript"> 
    $(document).ready(function() { 
    var randSlick = Math.floor(Math.random() * $('#carousel > div').length); 
    $('#carousel').slick({ 
     infinite: true, 
     autoplay: false, 
     autoplaySpeed: 10000, 
     slidesToShow: 1, 
     slidesToScroll: 1, 
     arrows: false, 
     fade: true 
    }).slickGoTo(randSlick); 
    }); 
</script> 

मैं सच करने के लिए "ऑटोप्ले" बदलने की जरूरत है, तो यह स्वचालित रूप से खेलेंगे बजाय कुछ भी नहीं है, और मैं, और अधिक उचित कुछ करने के लिए "autoplaySpeed" बदलने के लिए 3000

की तरह करना चाहते हैं

मुझे कोड के इस हिस्से तक पहुंच नहीं है (इसलिए मुझे हमेशा सीएसएस क्यों करना है! महत्वपूर्ण ओवरराइड; मैं केवल मौजूदा कोड को सीधे संपादित नहीं कर सकता, मुझे अपनी खुद की एक स्नीकी हैकरी में जोड़ना है सॉर्ट या रास्ता) तो मुझे उम्मीद है कि ऐसा करने का एक आसान तरीका है। मेरी माफी माँगती है अगर यह किसी भी तरह से लंबी या भ्रमित हो रही है; मैंने खुद को एचटीएमएल और सीएसएस को आसानी से पढ़ाया है लेकिन जावास्क्रिप्ट पूरी तरह से एक और जानवर साबित हो रहा है और मैं इस बिंदु पर बस घूम रहा हूं।

Answer 1

रास्ते से हट स्पष्ट पाने के लिए:

1. आप HTML/CSS साथ JavaScript कोड संशोधित करना सक्षम नहीं होगा, तो आप केवल जावास्क्रिप्ट माध्यम से ऐसा कर सकते हैं।
2. लिपि में आप जो देखते हैं वह JQuery, जावास्क्रिप्ट एक्सटेंशन लाइब्रेरी है: see: JQuery API।

मुझे लगता है कि आप unslick समारोह, जो स्पष्ट रूप यहाँ प्रलेखित है के माध्यम से $("#carousel") के मूल्यों को रीसेट करने के स्वयं अपनी स्क्रिप्ट बनाने की सिफारिश: see: SlickJS।

$("#carousel").slick('unslick'); 

तुरंत जिसके बाद आप तो जैसे अपने स्वयं के मानकों के साथ $("#carousel") बाध्य कर सकते हैं:

<script type="text/javascript"> 
    $(document).ready(function() { 
    var randSlick = Math.floor(Math.random() * $('#carousel > div').length); 
    $('#carousel').slick({ 
     infinite: true, 
     autoplay: true, 
     autoplaySpeed: 3000, 
     slidesToShow: 1, 
     slidesToScroll: 1, 
     arrows: false, 
     fade: true 
    }).slickGoTo(randSlick); 
    }); 
</script> 

100% सुनिश्चित करें कि आपके JavaScript फ़ाइल कहा जाता हो जाता है SlickJS आयात के बाद करें।

कोई प्रश्न? नीचे दी गई टिप्पणियों में पूछें :-)

Answer 2

अपने पृष्ठ में, आप मौजूदा slick ऑब्जेक्ट को डीकनस्ट्रक्चर कर सकते हैं और अपनी सेटिंग्स के साथ इसे फिर से बना सकते हैं।

<script type="text/javascript"> 
    $(document).ready(function() { 
    $('#carousel').slick('unslick'); // Destroy existing slick object 
    // Start a new one with the options you want 
    $('#carousel').slick({ 
     autoplay: true, 
     autoplaySpeed: 3000 
    }); 
    }); 
</script>