2013-05-17 126 views
-1

即時通訊嘗試實施flexslider幻燈片與垂直和同時幻燈片像旋轉木馬褪色效果,但我無法找到正確的行爲。我的代碼:在flexslider垂直和水平幻燈片

<div class="flexslider"> 
<ul class="slides"> 
    <?php 
    while ($reg = mysql_fetch_array($sql)){ 
     echo "<li> //VERTICAL 
       <span>".$reg['title']."</span> 
       <ul class=\"work\"> //HORIZONTAL 
        <li> 
         <img src=\"".$reg['title']."/images/01.jpg\" /> 
        </li> 
        <li> 
         <img src=\"".$reg['title']."/images/02.jpg\" /> 
        </li> 
        <li> 
         <img src=\"".$reg['title']."/images/03.jpg\" /> 
        </li> 
       </ul> 
      </li>"; 
    } 
    ?> 
</ul> 

和JS

<script type="text/javascript"> 
$(window).load(function() {  
    $('.flexslider').flexslider({ 
     animation: "fade", 
     animationLoop: false 
    }); 
}); 
</script> 

The example

我在做什麼錯?

+0

查看文檔:http://www.woothemes.com/flexslider/ –

+0

如果你的意思是使用多個flexsliders,我只想要一個查詢...謝謝 – santyas

+0

看起來你不能淡入淡出同時... –

回答

2

據我瞭解,你想是這樣的:

$('.flexslider').flexslider({ 
    animation: "fade", 
    direction: "vertical", 
    animationLoop: false 
}); 

如果內部圖像不動畫,這應該這樣做。

+0

謝謝,但與淡入淡出效果所有李隱藏的FlexSlider的CSS,我試圖編輯默認的CSS(自動顯示和保證金右),但外觀是醜陋的。我認爲它不可能...在網址更新一個圖像,代表我想要什麼。 – santyas

+0

你想同時顯示多個「li」? –

+0

嘗試將您當前的HTML + JS上傳到某個地方併發布鏈接。 –