पेज लोड पर ट्विटर बूटस्ट्रैप कैरोसेल प्लगइन देरी

यह सुनिश्चित नहीं है कि प्लगइन इस तरह से क्यों व्यवहार कर रहा है लेकिन जब भी मैं कैरोसेल प्लगइन के साथ पेज रीफ्रेश करता हूं, युक्त div 5 सेकंड की तरह खाली होता है तो कैरोसेल सामान्य रूप से कार्य करना शुरू कर देगा- के माध्यम से स्लाइडिंगपेज लोड पर ट्विटर बूटस्ट्रैप कैरोसेल प्लगइन देरी

मैंने यह देखने के लिए एक स्लिम डाउन संस्करण बनाया है कि चीजों के रास्ते में अन्य चीजें हो रही हैं या नहीं। यहाँ मैं क्या है:

<html> 
    <head> 

     <link rel="stylesheet" href="bootstrap.min.css" type="text/css"> 
     <link rel="stylesheet" href="css/carousel.css" type="text/css"> 

     <script type="text/javascript" src="scripts/jquery-1.7.1.min.js"></script> 

     <script type="text/javascript" src="scripts/bootstrap-transition.js"></script> 
     <script type="text/javascript" src="scripts/bootstrap-carousel.js"></script> 

     <script type="text/javascript"> 
      $(function() { 
       $('#myJumbotron').carousel(); 
      }); 

     </script> 

    </head> 

    <body> 

     <!-- JUMBOTRON 
===================================================================== --> 
     <div class="container"> 
      <div class="row"> 
       <section class="span16"> 

        <div id="myJumbotron" class="carousel"> 
         <div class="carousel-inner"> 

          <div class="item"> 
           <img src="images/jumbotron.jpg" alt="Featured specials" /> 
          </div> 

          <div class="item"> 
           <img src="http://placehold.it/940x380" alt="Featured specials" /> 
          </div> 

          <div class="item"> 
           <img src="images/jumbotron.jpg" alt="Featured specials" /> 
          </div> 

         </div> 
         <a class="left carousel-control" href="#myJumbotron" data-slide="prev">&lsaquo;</a> 
         <a class="right carousel-control" href="#myJumbotron" data-slide="next">&rsaquo;</a> 
        </div> 

       </section> 
      </div> 
     </div> 

    </body> 

</html>

मैं SimpLESS उपकरण का उपयोग किया केवल अपने स्वयं के carousel.css फाइल करने के लिए carousel.less फ़ाइल को संकलित करने और bootstrap.min.css रूप में अच्छी तरह असंशोधित है।

आप देख सकते हैं कि यहां क्या हो रहा है: furnitureroadshow.com। इस संबंध में किसी भी सहायता प्रशंसनीय होगी।

स्रोत

2012-02-10 generalopinion

एचटीएमएल में पहली आइटम कक्षा "सक्रिय" के लिए जोड़ें, अब आप 1 चक्र की प्रतीक्षा कर रहे हैं।

पूर्व:

     <div class="item active"> 
          <img src="images/jumbotron.jpg" alt="Featured specials" /> 
         </div> 

         <div class="item"> 
          <img src="http://placehold.it/940x380" alt="Featured specials" /> 
         </div> 
......

स्रोत

2012-02-10 02:52:43 AlexC

Thanx। इस तरह की चीजें कोडिंग के 10 घंटों के बाद अनदेखा हो जाती हैं। जबरदस्त हंसी। – generalopinion

पेज लोड पर ट्विटर बूटस्ट्रैप कैरोसेल प्लगइन देरी

उत्तर

संबंधित मुद्दे