Lightbox2をカスタマイズしてみました.右クリック禁止.

2024年8月12日
文字数[622文字] この記事は1分47秒で読めます.

おはようございます.先日、Lightbox2をカスタマイズしてみました.Lightbox2は画像をポップアップ表示できるJavaScriptのライブラリ機能です.そのソースコードをカスタマイズし右クリック禁止の機能を追加しました.

ソースコードの編集箇所はlightbox.jsファイルの307行目の下に下記のコードを追加することで、対応可能です.

      $image.on('contextmenu', function(event) {
        event.preventDefault();
      });

なお、lightbox.jsはJqueryが動作している環境で動作するライブラリです、Jqueryが入っていない場合はlightbox.jsが入っていたフォルダに有るlightbox-plus-jquery.jsかlightbox-plus-jquery.min.jsを読み込ましてください.lightbox-plus-jquery.jsかlightbox-plus-jquery.min.jsを読み込ました場合は変更箇所が違いますので注意が必要です.

ちなみにソースコードを覗いて見ると案外自分でも作れそうな構造でした、昔に比べて自分も少しは技術が上がったのかもと思った瞬間でした.

先人のオープンソースコードを見ると本当にためになります.

明日へ続く.