トップ>メニューにコンフィグを追加したプラグイン
メニューにコンフィグを追加したプラグイン(2020/04/26リンクミス修正)
メニューにコンフィグを入れました。というかコンフィグにメニューを入れた感じです。コードが大雑把なので動作面の懸念はありますが、PCなら何とかなった気がします(個人の感想)。デフォルトの背景に合うレイアウトを目指しましたが、ちょっと主張が強いかもしれません。色々直して使っていただければ幸いです。
>noUiSilder版(ver.1.05)(2017/07/17)
>noUiSilder版(ver.1.04)(2017/07/04)
>jQueryUI版(ver.1.03)(2017/06/02)1.03版にてフルスクリーン時の挙動に不具合が確認されたのでリンクを切ります
・1.05版への更新内容(2017/07/17)
1.04版にてConfig.tjsのuseCamera:false;時にフルスクリーンにすると文字のフォントがぼけるのを修正。nouislider.css内の。
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
というコードを削除すれば解消されます。translate3dは正しくオプションを指定すれば問題ないかもしれません。未検証です。
noUiSlider版は大体のデバイスで使えるっぽいですが、スマホでの動作検証はしていないので、その辺は確認していただいた方が良いです。CSSはこちらの方が独立していて変えやすいかなと思います。数値をツールチップで表示しているので、そんなに圧迫感がないかもしれません。私は今こちらを使っています。
jQueryUI版はこれまで通りです。スライダー部分をスマホに対応させるにはjQuery UI Touch Punchが必要となります。jQuery UI Touch PunchはMITとGPLのデュアルライセンスなので、ティラノと同じMITライセンスで使った方が派生しなくて安心ですね。
解凍したmenu_plusフォルダを、data>others>pluginフォルダに入れて、first.ksなどから
[plugin name="menu_plus"]
と呼び出します。すると既存のメニューを上書きします。
ラベル記録autoRecordLabelがtrue時でなければスキップ設定は表示されません。デフォルトがfalseなんですよね。普通に忘れてて動作確認で軽くハマったので自分用の仕様です。
・更新内容(2017/07/04)
noUiSlider版を追加しました。
・更新内容(2017/06/02)
1.03:既読スキップと未読スキップの変更もシステム変数で保存していなかったのを直しました。
個別に直す場合は未読スキップ部分に以下のようにevalScriptでシステム変数を保存してください。
$(".unread_text_button").click(function(){
if(that.kag.config.unReadTextSkip =="true"){
$(".unread_text").html('スキップ設定:既読のみ');
that.kag.config.unReadTextSkip = "false";
that.kag.evalScript("sf._system_config_unread_text_skip = 'false'");
}
else{
$(".unread_text").html('スキップ設定:未読を含める');
that.kag.config.unReadTextSkip = "true";
that.kag.evalScript("sf._system_config_unread_text_skip = 'true'");
}
});
・更新内容(2017/05/30)
1.02:オート速度のボタンでの変更がシステム変数に保存されていなかったのを直しました。
個別に直す場合はmenu.jsファイルの、
that.kag.evalScript("sf._config_auto_speed = "+chsp);
を
that.kag.evalScript("sf._system_config_auto_speed = "+chsp);
に置換してください。
メニュー表示・消去時にフェードしない
フェードをゼロにします。
・非表示時
layer_menu.find(".menu_close").click(function(e) {
layer_menu.fadeOut(0,function(){
layer_menu.empty();
});
if (that.kag.stat.visible_menu_button == true) {
$(".button_menu").show();
}
e.stopPropagation();
});
・表示時
$.preloadImgCallback(j_menu,function(){
layer_menu.fadeIn(0);
$(".button_menu").hide();
},that);
戻る