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をオンジェネリックハンドラを作成することでそれをやりました。