顯示延遲Flexslider 2

我正在自己的投資組合（這是不完整的），我有問題與Flexslider 2（由Woothemes）。顯示延遲Flexslider 2

看到這裏：http://www.gaelle-fernandez.fr/Folio2012/#Works 如果你點擊一個作品（任何圖像），一個滑塊會打開，滑塊和描述。正如您所看到的，滑塊在第一次打開時不會顯示圖像，您必須至少等待10秒。它的尷尬，因爲我想告訴我的作品沒有任何延遲...

這裏是我的index.php的代碼

<head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
    <link rel="stylesheet" type="text/css" href="Styles/flexslider.css" media="screen"/> 
    <script src="Js/jquery.flexslider.js"> </script> 
</head> 
<body> 
    <script charset="utf-8" type="text/javascript"> 
     $(window).load(function() { 
      $('.flexslider').flexslider({ 
       animation: "slide", 
       controlNav: true, 
       animationLoop: true, 
       slideshow: false, 
      }); 
      }); 
    </script> 
    <div id="header"> 
     <!-- my header content --> 
    </div> 
    <ol id="main" class="curtains"> 
     <li id="Works" class="cover"> 
      <h2 style="padding-left:615px;">Derniers Travaux</h2> 
      <div id="slickbox"> 
       <div id="sliderContent"> 
        <div class="flexslider"> 
         <ul class="slides"> 
          <li> 
           <img src="Img/creas/crea.png" /> 
          </li> 
          <!-- other images --> 
         </ul> 
        </div> 
       </div> 
       <h1>TITLE </h1> 
       <p>Big Description Bacon Ipsum.</p> 
       <div id="btn-close"><b>X</b></div> 
      </div> 
      <div id="worksContent"> 
       <ul id="themes"> Themes LI</ul> 
       <ul id="creations" class="step"> 
        <li class="step frmwk"> 
          <div class="item"> 
           <a href="#"> 
            <img src="Img/creas/crea.png" alt="title" title="" width="226" height="147"/> 
           </a> 
           <div class="caption"> 
           <h3>Framework Work</h3> 
           <p>Little description</p> 
           </div> 
          </div> 
         </li> 
<!-- Other content --> 
</body>

（或者你可以看到它與螢火蟲）

我知道我的代碼破壞了你的眼睛，但是現在它比一個真實的網站更像是一份草稿。

那麼，你能幫助我知道爲什麼我的圖像在滑塊內顯示有延遲？

非常感謝您的時間！

來源

2012-12-10 Gaelle

我有同樣惱人的問題。

添加此

style="display: list-item"

到第一列表（LI）的孩子中.slides會做的伎倆。

來源

2013-04-10 14:30:40 zanderwar

感謝@ReeceAlexander，因爲我做了一個魔術：我顯示一個加載器，所以即使flexslider不顯示我的圖像，訪問者可以看到發生了一些事情。但是，現在，我會嘗試修復！ :) – Gaelle

嘗試所有幻燈片設置爲display:none這樣

#sliderContent .slides li { 
    display: none; 
}

問題解決了我。我認爲FlexSlider希望所有幻燈片都是隱藏起來的。你看到的延遲是因爲它顯示最後一張幻燈片，但內部步驟通過所有幻燈片，運行它們的動畫和一切，但你只是沒有看到它，因爲最後一個具有較高的z-index並且可見。

來源

2013-02-28 18:46:54

顯示延遲Flexslider 2

回答

相關問題