इसे व्यक्त

Carousels, वहाँ से बाहर के रूप में अच्छी तरह से MooTools के लिए कई की एक किस्म के साथ, मैं अभी भी मेरे खुद हिंडोला क्लास लिखने के कुछ अच्छे कारणों के लिए, का फैसला किया
1. पेजिंग (सुविधा के लिए एक विशेष / हिंडोला में स्लाइड कदम कूद करने में सक्षम हो) करना चाहता था.
2. बाएँ और दाएँ बटन / लिंक के स्थान के साथ स्वतंत्रता चाहते थे, जहां कभी मैं कृपया.
3. स्लाइड कदम पर अधिक नियंत्रण.

मैं ऊपर सुविधाओं के साथ एक नया हिंडोला, बनाने का प्रबंधन किया ... नीचे के रूप में किसी भी संशोधनों आप की आवश्यकता होती है! सुझाव के लिए स्वतंत्र महसूस करो!!

मेरे उदाहरण ... [इस तरह दिखता है देखें डेमो ]

डेमो देखें | पृष्ठन संस्करण 1.0 के साथ डाउनलोड MooTools हिंडोला (१९५२ बार डाउनलोड)

1. हिंडोला पृष्ठन

आप आसानी से अपने हिंडोला पृष्ठन जोड़ सकते हैं, पृष्ठन झंडा, जो आखरी पारित कर दिया जबकि सच करने के लिए MooCarousel के उदाहरण बनाने parater है (पृष्ठन करना चाहते हैं) या झूठी (donot पृष्ठन चाहते हैं) की स्थापना के द्वारा बस.

carousel1 var = नई MooCarousel ('carousel1_wrapper', 'carousel1_items_container', 'carousel1_moveleft', 'carousel1_moveright, c_ns, c_sss, सच); / / एन एस = स्लाइड्स की संख्या, एसएसएस स्लाइड = कदम आकार

और आप बिल्कुल अपने सीएसएस संशोधित करके देखो इन पृष्ठन achors के पता लग रहा है के रूप में आप बदल सकते हैं.

. Carousel_paging {पाठ संरेखित: सही; मार्जिन: 10px 5px 0 0;}
Carousel_paging वर्तमान carousel_paging {पृष्ठ रूपरेखा: चौड़ाई: कोई नहीं;. 15px; ऊँचाई: 15px; रेखा से ऊँचाई: 15px; पाठ संरेखित: केंद्र; प्रदर्शन: ब्लॉक; फ्लोट: छोड़ दिया; पृष्ठभूमि: D8D8EB # मार्जिन: 0 1px 0 0, पाठ - सजावट: कोई नहीं;}

एक carousel_paging: मंडराना, carousel_paging वर्तमान {पृष्ठभूमि # 4D4D9B:, रंग: # FFFFFF ;).

अच्छी तरह से! वहाँ एक छोटा सा मुद्दा है, हालांकि है, पृष्ठन एंकर अगर सेट है, तो यह हिंडोला घटक के बाद हमेशा उत्पन्न हो जाएगा. मैं यह गतिशील रूप में अच्छी तरह से करना चाहता था, लेकिन तब सिर्फ अनुपात से बाहर उड़ा के लिए स्क्रिप्ट रखने के लिए, मैं इसे छोड़ करने का निर्णय लिया.
लेकिन आप एक छोटे जावास्क्रिप्ट जानते हैं, तो आप आसानी से MooCarousel कक्षा में पृष्ठन पीढ़ी कोड को संशोधित कर सकता है अपनी आवश्यकताओं को खुश करने के लिए.

2. वाम और सही प्रतीक Customising

तुम बस सीएसएस के साथ खेलने के आसपास प्लेसमेंट, इमेजेज या वामपंथियों और सही बटन के किसी भी displat संपत्ति बदल सकते हैं. बाएँ और दाएँ buttoms की नियुक्तियों को बदलने में सक्षम होना सही मेरे हमारे हिंडोला कक्षा मेरे लिए वास्तविक कारण था.
चूंकि इस MooCarousel क्लास, स्वीकार आईडी इन बटनों में से है, तो आप वास्तव में ये बटन कहीं भी जगह कर सकते हैं पृष्ठ पर, अगर आप कृपया ... यह तत्व पदानुक्रम में होना जरूरी नहीं है, मेरे उदाहरण के रूप में.

var carousel1 = नई MooCarousel ('carousel1_wrapper', 'carousel1_items_container', 'carousel1_moveleft', 'carousel1_moveright, c_ns, c_sss, सच);

सीएसएस
Carousel_container_l, carousel_container_r {मार्जिन: 50px 0 0 0; स्थिति: रिश्तेदार, चौड़ाई: 23px; ऊँचाई: 20px; फ्लोट: छोड़ा; कर्सर: सूचक;}

Carousel_container_r {पृष्ठभूमि - स्थिति: 0-38px;}

{पृष्ठभूमि - स्थिति: 0-58px;} carousel_container_l

3. स्लाइड कदम Customising

मैं क्या मेरा CUSTOMISING स्लाइड क्रम मतलब है?
हाल Carousels दिखाई खिड़की के साथ पूर्ण स्लाइड. तो कहना है कि आप चार वस्तुओं (जैसे मेरे ऊपर नमूना में) था, यह सभी चार आइटम स्लाइड होगा. इस हिंडोला घटक के साथ, आप स्लाइड्स की संख्या और अपनी पसंद के कदम आकार गुजरती हैं.

var carousel1 = नई MooCarousel ('carousel1_wrapper', 'carousel1_items_container', 'carousel1_moveleft', 'carousel1_moveright, c_ns, c_sss, सच);
c_ns = स्लाइड्स की संख्या, c_sss स्लाइड = कदम आकार

इसके अलावा, मेरे example1 में मैं स्लाइड कदम आकार calcuted जहां तर्क के आधार पर, मैं आइटम्स की संख्या, प्रत्येक आइटम पर चौड़ाई और हाशिये कि मेरे सीएसएस में प्रत्येक आइटम के बाद दिया है पता है.

/ 1 सुरापानोत्सव के लिए * /

var = c1_w 92, / / ​​सुरापानोत्सव आइटम चौड़ाई

var c1_n = 10; तुलना सुरापानोत्सव आइटम की / / कुल संख्या

var c1_pp = तुलना सुरापानोत्सव आइटम perpage की संख्या 4 / /

var c1_marginFactor 51 =;

/ / एसएसएस स्लाइड कदम आकार =; var c1_sss = c1_w * c1_pp

var c1_ns = parseInt (((c1_w *) c1_n / c1_sss) + 0.5); / / एन एस = की संख्या स्लाइड

c1_sss + = c1_marginFactor, / / ​​एसएसएस = स्लाइड कदम आकार, हाशिये के लिए 51

आवश्यकताएँ: 1.2 MooTools

डेमो देखें | पृष्ठन संस्करण 1.0 के साथ डाउनलोड MooTools हिंडोला (१९५२ बार डाउनलोड)