外部ファイルからJSONデータを取得して「div#slider」に追加するプラグインがあります。データは取得されて正常に機能していますが、データを正常に取得した後、easySliderが初期化されません。スライドは開始されません。http://lkamal.com.np/r3dImage
に
コードがあります。プラグインコードは次のとおりです。
(function($) {
$.fn.r3dImage = function(options){
var defaults = {
url: 'ajax/test.txt',
pause: 2000,
};
var options = $.extend(defaults, options);
//retrive json file
return this.each(function() {
obj = $(this);
var body = obj.html();
getJson();
});
function getJson(){
$.ajax({
type: "POST",
url: options.url,
dataType: "json",
cache: false,
contentType: "application/json",
success: function(data) {
//alert("Success");
$.each(data.dashboard, function(i,post){
obj.html('<li><a href="'+post.TargetUrl+'" target="'+post.Target+'"><img src="' + post.ImageUrl + '" title="' + post.OverlayText +'" /></a></li>');
});
$(obj).easySlider({
pause: options.pause
});
},
error: function(xhr, status, error) {
alert(xhr.status);
}
});
};
/* this.each(function() {
$(options.container).easySlider({
pause: options.pause
});
});*/
};
})(jQuery);
もう1つは簡単なスライダー1.7です。
または
、easysliderプラグイン内で実行できますか。
この2つのプラグインをマージして1つ作成するにはどうすればよいですか。