2013-05-17 3 views
-1

im은 페이드 효과가있는 회전 목마와 같은 슬라이드로 수직 및 동시 li을 사용하여 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

? 내부 이미지가 애니메이션하지 않는 경우

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

이 그것을 수행해야합니다

+0

docs : http://www.woothemes.com/flexslider/ –

+0

여러 flexsliders를 사용하려는 경우 하나의 쿼리 만 원한다면 ... 감사합니다 – santyas

+0

페이드 및 슬라이드 할 수없는 것 같습니다 동시에 ... –

답변

2

는 지금까지 내가 이해, 당신은 다음과 같이 원하는.

+0

고마워요.하지만 페이드 효과로 모든 리튬이 CSS의 flexslider에 의해 숨겨져 있습니다. 나는 기본 CSS (자동 표시와 여백 - 오른쪽)를 편집하려했지만 외관이보기 흉합니다. 나는 그것이 불가능하다고 생각합니다 ... url에서 나는 원하는 것을 나타내는 이미지를 업데이트합니다. – santyas

+0

한 번에 둘 이상의 'li'을 표시 하시겠습니까? –

+0

현재 HTML + JS를 일부 장소에 업로드하고 링크를 게시하십시오. –

관련 문제