carouFredSel - छवियों की वास्तविक मात्रा में दृश्यमान राशि सेट करें - और अभी भी स्क्रॉल करें?

Question

मैं इस स्क्रोलर

http://coolcarousels.frebsite.nl/c/2/

साथ काम कर रहा हूँ मैं नीचे इस स्थापना की है।

मेरा मुद्दा यह है कि मैंने इसे visible: 4 पर सेट किया है और मेरे पास 4 छवियां हैं, इसलिए यह स्क्रॉल नहीं करता है। अगर मैं इसे visible: 3 पर सेट करता हूं तो यह अपेक्षा के अनुसार काम करता है। लेकिन जब आप 1920px विस्तृत रिज़ॉल्यूशन पर ब्राउज़र पूर्ण चौड़ाई खोलते हैं तो मैं एक स्क्रीन में सभी 4 छवियां दिखाना चाहता हूं। तो यह मुद्दा प्रतीत होता है। अगर मैं अपनी छवियों की मात्रा के लिए दृश्यमान सेट करता हूं तो यह काम करना बंद कर देता है।

क्या एक बार में स्क्रीन पर सभी 4 छवियां रखने का कोई तरीका है फिर भी उनके माध्यम से स्क्रॉल करें?

$(function() { 
    $('#carousel').carouFredSel({ 

     width: '100%', 
     align: 'left', 

     items: { 
      visible: 4, 
      start: 0, 


     }, 
     scroll: { 
      items: 1, 
      queue   : true, 
      fx: "scroll", 
      easing: "swing", 
      duration: 1000, 
      timeoutDuration: 3000 
     }, 

     prev: '.prev', 
     next: '.next', 


     auto: { 
      easing: "quadratic", 
      button: '.play', 

      pauseOnEvent: 'resume', 
       pauseOnHover: true 
     } 

    }).find(".slide .plusNav").hover(
       function() { $(this).find("div").slideDown(); }, 
       function() { $(this).find("div").slideUp(); } 
    ); 
}); 

Answer 1

मैं स्रोत को संपादित करके ऐसा करने में सक्षम था:/

आप इस लाइनों बाहर टिप्पणी तो 554 & इस तरह jquery.carouFredSel-6.2.0.js में 556 ...

// not enough items 
var minimum = (is_number(opts.items.minimum)) ? opts.items.minimum : opts.items.visible + 1; 
if (minimum > itms.total) 
{ 
    // e.stopImmediatePropagation(); 
    // return debug(conf, 'Not enough items ('+itms.total+' total, '+minimum+' needed): Not scrolling.'); 
} 

... यह मेरे लिए काम करता है।

Answer 2

इस

items: { 
    minimum: 0, 
}, 

Answer 3

पहुँच आवरण कोशिश करते हैं और (यह मानते हुए सभी बच्चों को एक ही ऊंचाई है) उसकी ऊंचाई सेट:

var carousel = [your_carousel], 
    carousel_wrapper = carousel.parent(); 

carousel_wrapper.height(function(){ 
    return (carousel.children('[child_selector]').length) * [child_height]; 
}); 

बात यहाँ है, वहाँ हो जाएगा एक कैरोसेल एनिमेट करते समय अजीब व्यवहार। इसका कारण यह है अधिकतम ऊंचाई किया गया था ((n-1) * child_height) जानबूझकर एक मुखौटा के रूप में, एक अतिप्रवाह के साथ: छिपा।

एक अन्य विकल्प बच्चों में से एक नकल करने होगा, लेकिन है कि अर्थ नहीं है।

Answer 4

मैं इस मुद्दे minimum की स्थापना करके 0.

items: { 
    minimum: 0, 

वास्तव में करने के लिए शून्य करने के लिए minimum विशेषता सेटिंग बलों स्क्रॉल पट्टी हमेशा वर्तमान में प्रदर्शित आइटम्स की संख्या पर ध्यान दिए बिना प्रदर्शित करने के लिए समाधान कर लिया है,।

यह मेरे लिए आवश्यक था, क्योंकि स्क्रॉल बार के लिए सक्षम करने स्वत: निश्चित स्क्रीन resolutions- पर काम नहीं कर रहा था मैं 2 अधिक आइटम जोड़ने के लिए स्क्रॉल पट्टी दिखाई जो अपेक्षित व्यवहार नहीं था करना था।

एक काम के रूप में चारों ओर, मैं minimum: 0 सेट - यह समस्या हल हो गई।