2017-11-20 9 views
-2

플렉스 슬라이더의 슬라이더가 있습니다. 4 개의 이미지가 있으면 잘 작동하지만 5 개 이상의 이미지와 함께 사용하면 엄지 손가락보기가 제대로 표시되지 않습니다. 이 문제를 어떻게 해결할 수 있습니까? Screenshot.플렉스 슬라이더 썸보기가 올바르게 표시되지 않습니다.

+0

나는 TN 탐색은 행 당 4 개 개의 이미지를 수 있다는 것 당신은 썸네일 슬라이더가 아닌 미리 탐색을 사용하는 경우 더 나은 것 같아요. 또한 이미지의 비율이 다릅니다. 고정 너비/높이 요소에 대한 배경 이미지로 설정해보십시오. –

+1

코드를 게시하십시오. 소스 코드가 표시되지 않으면 코드를 사용할 수 없습니다. 우리는 단지 가정 할 수 있습니다. –

+0

나는 내 코드를 answer.please로 게시했는지 확인하십시오. –

답변

0

여기 내 코드

<div class="flexslider"> 
    <ul class="slides"> 
    <?php 
     $pre_ads_images=$conn->query("SELECT * FROM files WHERE pid=".$ad_out['id']); 
     while($ad_images=$pre_ads_images->fetch_assoc()){ 
     echo' 
      <li data-thumb="'.$base_dir.'/uploads/post/'.$ad_images['uid'].'/'.$ad_images['name'].'"> 
      <img src="'.$base_dir.'/uploads/post/'.$ad_images['uid'].'/'.$ad_images['name'].'" alt="'.$ad_out['title'].' For Sale In '.$city_y['name'].'"/> 
      </li>'; 
     } 
    ?> 
    </ul> 
</div> 
<script>$('.flexslider').flexslider({animation: "slide",controlNav: "thumbnails"});</script> 
+0

문제는 실제로 PHP 비트가 아니라 HTML 구조에 적용된 CSS입니다. 보다 구체적으로 말하자면 5 개 이상의 이미지에 대한 축소 이미지는 CSS 코드, 고정되지 않은 작은 이미지 크기 (CSS 코드의 일부) 및 HTML 구조의 일부 등 3 가지 이유로 올바르게 표시되지 않습니다. –

+0

시작하려면 미리보기 이미지의 크기가 동일한 지 확인하십시오. 이렇게하면 레이아웃을 손상시킬 비정상적인 미리보기 이미지가 하단에 표시되지 않도록 할 수 있습니다. –

+0

네 가장 좋은 아이디어는 엄지보기 이미지의 최대 금액으로 설정되어 있습니다. 저를 지원해 주신 모든 분들께 감사드립니다. –