Flexslider Thumb Image Base 64

Question

저는 Flexslider 구성 요소를 사용하여 축소판으로 회전 장치를 만듭니다. 데이터 - 엄지 손가락 속성을 이미지 경로와 함께 사용하면 구성 요소를 정상적으로 사용할 수 있지만 이미지 경로는 없지만 Base64를 사용할 수 있습니다. Base64의 이미지와 함께 컴포넌트를 사용하려면 어떻게해야합니까? Base64로하지 않고 작업 내 코드 아래

는 :

<div class="flexslider"> 
 
<div class="flex-viewport" style="overflow: hidden; position: relative;"> 
 
    <ul class="slides" style="width: 1200%; transition-duration: 0.6s; transform: translate3d(-2500px, 0px, 0px);"> \t 
 
     <div style="display: none;"> 
 
      <li data-thumb="images/si3.jpg" class="cnt-pi-model" aria-hidden="true" style="width: 625px; float: left; display: block;"> 
 
       <div class="thumb-image"> 
 
        <img src="images/si3.jpg" data-imagezoom="true" class="img-responsive" draggable="false"> 
 
       </div> 
 
      </li> 
 
     </div> 
 
    </ul> 
 
</div> 
 
<ol class="flex-control-nav flex-control-thumbs">          
 
    <li><img src="images/si3.jpg" draggable="false" class="flex-active"></li> 
 
</ol> 
 
<ul class="flex-direction-nav"> 
 
    <li class="flex-nav-prev"><a class="flex-prev" href="#">Previous</a></li> 
 
    <li class="flex-nav-next"><a class="flex-next" href="#">Next</a></li> 
 
</ul> 
 
</div>

Answer 1

나는 구성 요소가 URL을 얻을 수 있도록 이미지로 Base64로를 켤 수있는 일반 처리기를 만들어 그것을했다.