2017-03-02 53 views
0

我使用flexslider組件來製作帶有縮略圖的旋轉木馬。如果我在圖像路徑中使用數據大拇指屬性,我可以正常使用該組件,但是,我沒有圖像路徑,但是我擁有Base64。我如何在Base64中使用圖像組件?Flexslider Thumb Image Base 64

下面我的代碼,而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>

回答

0

我通過使通用處理器,輪流在Base64編碼成圖像,因此組件可以得到一個url做到了。