//プラグイン概要
//掲示板に投稿された新着投稿のサムネイルを表示します。
//引数のbbs_idで掲示板、illust_nでランダムにしたいイラスト数、illust_sizeで表示サイズを変更できます。

//プラグインデフォルト引数
//bbs_id=sample&illust_n=5&illust_size=150

//プラグインメインクラス
function NewsPlugin(){
	this._div=null; //プラグイン領域への参照
    this._size=100; //表示する画像サイズ
}

//illustbook.app.regist直後に呼ばれる
NewsPlugin.prototype.init=function(){
    //divを取得する
    this._div=illustbook.app.getDiv(this);

    //プラグイン引数を取得する
    var args=illustbook.utility.getUrlArg();
    this._size=illustbook.utility.getUrlArg().illust_size;
    
    //JSONPでfeedAPIを呼び出し
    illustbook.feed.getThreadList(args.bbs_id,0,args.illust_n,illustbook.feed.ORDER_NONE,illust_callback);
};

//JSON APIコールバック
NewsPlugin.prototype.illust_callback=function(oj){
    //API呼び出しに失敗した場合はエラーメッセージを返す
    if(oj.status!="success"){
        this._div.innerHTML=oj.message;
        return;
    }
    
    //イラストのランダム表示作成
    i = Math.floor(Math.random()*oj.response.length);
    var news_html="";
        var thread=oj.response[i];
        news_html+="<a href='"+thread.thread_url+"' target='_blank'>";
        news_html+="<img src='"+thread.image_url+"' width="+this._size+" height="+this._size+" border=0>";
        news_html+="</a>";
    this._div.innerHTML=news_html;
};

//コールバック呼び出し
function illust_callback(oj){
    news_plugin.illust_callback(oj);
}

//イラストブックにプラグインを登録する
var news_plugin=new NewsPlugin();
illustbook.app.regist(news_plugin);

 

コンテンツ情報

プラグイン名

ランダム表示

開発者

衣夏

概要

掲示板に投稿された新着投稿のサムネイルをランダム表示します。
引数のbbs_idで掲示板、illust_nでランダムにしたいイラスト数、illust_sizeで表示サイズを変更できます。
高さ指定(height)を下のコードに含める方法がわからないので、例を書いておきます。

<iframe src='http://www.illustbook.net/app?mode=plugin&app_id=tiir&bbs_id=sample&illust_n=5&illust_size=100%' frameborder='0' scrolling='no' width='300px' height='300px'></iframe>

 

メニュー