スポンサーリンク

フルスクリーンボタンプラグイン


↑ウィンドウ時
↓フルスクリーン時

概要

フルスクリーン状態を判別してフルスクリーンボタンの画像を切り替えるプラグインです。
動画などの右下に付いてるフルスクリーンボタンのイメージです。

それ以外の機能はありません。

利用規約

  • 改造・再配布は自由です。ただし、有償での再配布は禁止します。改造後データの配布も同様にお願いします。
  • 利用報告・クレジット表記は任意です。
  • このプラグインはドネーションウェア(カンパウェア)です。もしよろしければ寄付をお願いいたします。(強制ではありません)
  • 詳しくは利用規約をお読みください。

ダウンロード

動作確認

ティラノスクリプト Ver510h

使い方

組み込み方法

  • ボタン画像は、data/image フォルダに格納してください。
  • data/others/plugin に 「fullscreen」フォルダを入れてください。
  • first.ks (ビルダーは scenario/system/plugin.ks )でプラグインを呼び出してください。
    [plugin name=fullscreen]
  • [fullscreen] タグで、フルスクリーンボタンを設定します。

追加タグ

[fullscreen]

ブルスクリーンボタン設定用タグです。[button] タグの代わりに使います。
フルスクリーンにはなりません。

パラメータ

[pulugin]・[fullscreen] 共通

パラメータ名 初期値 説明
img 画像名 fullscreen.png フルスクリーン画像
img_exit 画像名 fullscreen_exit.png フルスクリーン解除画像
zindex 数値 99999999 メニューなどの上に表示したい時は 9999999999
clearfix yes/no yes no にすると[clearfix] タグで削除されません。
  • 初期値のままで良い場合は省略できます。
  • [pulugin] で指定した値は [fullscreen] で省略できます。
  • [fullscreen] タグには、[button] タグのパラメータがそのまま使えます。
    ※但し、enterimg を除く
  • y・x は、マイナス値で指定する事で、bottom・right になります。
    例:y=-10 x=-10 で右下 10px 位置に配置されます。
  • y・x の初期値は -10 です。
  • width・height の初期値は 50 です。

記述例

画像を指定する

[fullscreen img=fullscreen.png img_exit=fullscreen_exit.png]

メニュー画面などでも表示する

[fullscreen zindex=9999999999]

[clearfix] で削除しないようにする

[fullscreen clearfix=no]

削除したいときは [free name="fullscreen" layer="fix"] で削除できます。

style.css、class名について

  • 同梱のサンプル画像(黒画像)に合わせて、opacity で透明度を変えています。
    フルスクリーン時は、完全透明になるようにしています。
  • スマホの時は、ボタンに class名「mobile」 が追加されます。
  • clearfix=no 時は、「fixlayer」を「fix」に変更します。

その他

  • デザイン変更は画像を差し替えてください。
    画像は image フォルダに保存してください。
  • enterimg は非対応です。画像差し替えはできません。
    CSSで指定してください。

ライセンス

同梱のフルスクリーンボタン画像
Default Icon http://www.defaulticon.com/

更新履歴

2021/10/15 ver1.00
公開。

関連記事

スポンサーリンク

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

スポンサーリンク