从数据库将图像数组加载到jssor滑块上的问题显示事件

Question

我正在为数据库中的图像数组使用JSSOR Slider。

1. 是否有任何限制的“幻灯片格”必须在里面，至少1格到initialize.As我页在启动应用程序

2. 而且我让我的iphone这个错误显示我只在滑块上获得第一张图像，但即使同时具有自动播放和手动滚动启用，也无法滚动它。

直到我有一大堆静态图像滑块时，它工作正常，但不适用于动态图像。我将所有图像作为base64字符串并显示出来。

/*inside pageshow for a page*/ 
var verticaltext = ""; 
var allItems = Tables.images.all(); 
var rating = []; 
allItems.list(null, function (results) 
{ 
results.forEach(function (r) { 
rating.push([r.capturedDate, r.name, r.ratingTreatment, r.ratingSkinCleansing, r.ratingPlucking, r.ratingView, r.ratingLastVal, r.capturedDate]); 
      }); 
$.each(rating, function (key, value) { 
console.log("record is " + value[1]); 
verticaltext = verticaltext + "<div><img src=" + value[1] +/"></div>" 
      }); 
console.log("HTML" +verticaltext); 
$('#abc').append(verticaltext); 
      verticaltext = ""; 
     }); 

能否请你给我提供的源获取的图像记录数组，然后在页面上展示它应该填充在里面我的幻灯片的div div的图像列表。我试过了，我得到的HTML，但我的pageshow完成之前，我的html完全形成

任何帮助，将不胜感激。

Answer 1

您可以填充图像列表，然后初始化jssor滑块。

确保在初始化jssor滑块之前获取幻灯片html代码。

例如，

//call the following method when the ajax call returns 
function OnDataReady(data) { 
    //analyze data and fill the <div u="slides' ...> element with correct html code 

    //and then initialize jssor slider 
    var options = {...}; 
    var jssor_slider1 = new $JssorSlider$(options); 
} 

回复1：是的，必须有至少1个滑板，使滑块工作

回复2：必须有在你的代码中的一些错误。