2012-01-04 8 views
9

पर आसानी से काम नहीं कर रहा है मैं अपने Magento स्थापना पर nivoslider लागू करने की कोशिश कर रहा हूं। मैं बस पेस्ट कॉपी करता हूं जो downloaded demo package में है (जिसे मैंने अपने फ़ायरफ़ॉक्स पर परीक्षण किया है और बहुत चिकनी चलाया है) Magento में। मैं सभी होमवर्कNivoSlider Magento

  • मेरे विषय की त्वचा फ़ोल्डर में सभी आवश्यक js और सीएसएस फ़ाइलों की प्रतिलिपि
  • page.xml पर उन फ़ाइलों को जोड़ने

    <reference name="head"> 
        <action method="addCss"><stylesheet>css/styles.css</stylesheet></action> 
        ... 
        <action method="addCss"><stylesheet>css/nivo-slider.css</stylesheet></action> 
        <action method="addCss"><stylesheet>css/themes/default/default.css</stylesheet></action> 
        <action method="addCss"><stylesheet>css/themes/default/pascal.css</stylesheet></action> 
        <action method="addCss"><stylesheet>css/themes/default/orman.css</stylesheet></action> 
        <action method="addItem"><type>skin_js</type><name>js/jquery-1.6.2-no-conflict.js</name><params/></action> 
        ... 
        <action method="addItem"><type>skin_js</type><name>js/jquery.nivo.slider.pack.js</name><params/></action> 
        <action method="addItem"><type>skin_js</type><name>js/my_own_custom_script.js</name><params/></action> 
        ... 
    </reference> 
    
  • स्लाइडर कॉपी किया Magento सीएमएस पृष्ठ पर एचटीएमएल अनुभाग

enter image description here

  • और अंत में जोड़ने jQuery(document).ready(function($) { $('#slider').nivoSlider(); }); my_own-custom_script.js को

यह चलाता है, लेकिन सुचारू रूप से नहीं। कभी-कभी स्लाइड थोड़ी देर के लिए रुक गई। दूसरी बार, छवि स्लाइड में से एक दिखाई नहीं देगा। एनीमेशन भी थोड़ा झटकेदार है। स्लाइडर नेविगेशन (पिछला अगला बटन और स्लाइडर के नीचे वाले मंडल) कभी-कभी मेरे क्लिक ईवेंट पर अनुत्तरदायी नहीं होते हैं। मुझे भ्रमित करने वाला क्या है, ये सभी लक्षण केवल कभी-कभी होते हैं, कुछ अन्य समय यह अच्छी तरह से चलता है।

ओह, एक और बात यह है कि जब भी मैं फ़ायरबग के साथ अपने तत्व का निरीक्षण करता हूं तो यह निवोस्लाइडर हमेशा भी मेरे फ़ायरफ़ॉक्स क्रैश को बना देता है।

क्या कोई मुझे कुछ सुराग दे सकता है, यह क्यों हो रहा है? मुझे संदेह है कि इस के पास मैगेंटो की प्रोटोटाइप स्क्रिप्ट के साथ संघर्ष करने के लिए कुछ है (हालांकि यह सब पहले से ही नॉनफ्लफ्लिक्ट मोड में चलता है)

+1

जानना अच्छा है। मैंने एक हिमस्खलन jquery प्लगइन के साथ एक लैंडिंग पृष्ठ के निवोस्लाइड को चलाने की भी कोशिश की है, जो पुराने पीसी के ^^ के लिए मौत थी। इस बीच मैं ऑर्बिट स्लाइडर का उपयोग करता हूं जो उपयोग में आसान और तेज़ jQuery स्लाइडर है: http://www.zurb.com/playground/orbit-jquery-image-slider केवल समस्या है, यह आईई 6 के अनुकूल नहीं है। – tecmec

+0

आपको इसे अभी एक उत्तर के रूप में पोस्ट करने में सक्षम होना चाहिए। आगे बढ़ो और ऐसा करो। – NullUserException

उत्तर

21

कुछ खोदने के बाद, मैंने पाया समाधान ... और समाधान बहुत आसान है: एक छोटे अंडरस्कोर चरित्र को nivoslider स्क्रिप्ट में जोड़ने के रूप में सरल के रूप में सरल है।यहाँ

$.fn._reverse = [].reverse; 

इस

$.fn._reverse = []._reverse; 

लिए और जो लोग स्पष्टीकरण की जरूरत के लिए विवरण है: सिर्फ NivoSlider स्क्रिप्ट पर इस लाइन की जगह

आप (फ़ायरफ़ॉक्स के साथ लिस्टिंग त्रुटि देखते हैं, ctrl + shift + j) nivoslider का उपयोग करते समय, आप देखेंगे कि प्रोटोटाइप बहुत अधिक रिकर्सन मिला है। यह प्रोटोटाइप के "बहुत अधिक रिकर्सन" की व्याख्या है: prototype too much recursion problem

प्रोटोटाइप पर रिवर्स फ़ंक्शन के उपयोग ने निवोस्लाइडर के साथ संघर्ष किया है। GitHub पर लोग इस समस्या को मिल गया है और यहाँ एक त्वरित समाधान दे: https://github.com/gilbitron/Nivo-Slider/issues/35

इस समस्या मुझे ड्राइव पागल है, हर जगह कोई पर्याप्त संसाधन नहीं है के लिए (इसे बाहर गूगल कोशिश करते हैं और आप इस समस्या का कोई सीधा जवाब मिल जाएगा) है । तो मुझे आशा है कि मेरा प्रश्न, मेरे अपने उत्तर के साथ मेरे साथ उसी मामले के साथ अन्य लोगों की मदद कर सकता है :)

+3

शानदार, धन्यवाद मुझे एक ही समस्या थी और यह तय किया गया यह –

+0

मुझे भी वही समस्या थी। इसने "बहुत अधिक रिकर्सन" के साथ भाग हल किया लेकिन स्लाइडर अभी भी मेरे Magento प्रतिष्ठानों में सही प्रदर्शन नहीं कर रहा है। स्लाइड बदलने के लिए क्लिक के लिए यह उत्तरदायी नहीं है, और एनीमेशन चकाचौंध है। अभी भी एक पूर्ण समाधान की तलाश में है। – shanemgrey

+0

धन्यवाद, यह वास्तव में काम करता है और इस मुद्दे को हल करता है। – suvajit

0

हाल ही में एक साइट पर यह देखने के लिए शुरू किया गया है जो थोड़ी देर के लिए देव में रहा है। देख रहा है:

Uncaught RangeError: Maximum call stack size exceeded 
Object.extend.reverse 

क्रोम में कंसोल में। 'ऑब्जेक्ट.extend.reverse' विवरण संदर्भ प्रोटोटाइप लाइन 881. मैं जावास्क्रिप्ट लड़का का अधिक नहीं हूं, इसलिए यह किसी और के लिए बेहतर जानकारी है।

/skin/frontend/gas/default/js/jquery.nivo.slider.pack.js लोड हो गया है, इसलिए यह कुछ jQuery होना चाहिए, शायद नए jQuery संस्करण या कुछ के साथ।

मुझे लगता है कि आप एक अलग स्लाइडर पर स्विच कर सकते हैं। मैंने हाल ही में बीएक्स स्लाइडर पाया और इसे पसंद किया है, हालांकि इसे अभी तक एक Magento प्रोजेक्ट पर उपयोग नहीं किया है, इसलिए संगतता के लिए बात नहीं कर सकते हैं और आपने इसे ठीक कर दिया है, इसलिए ...