Lightbox2をカスタマイズしてみました．右クリック禁止．
おはようございます．先日、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を読み込ました場合は変更箇所が違いますので注意が必要です．
ちなみにソースコードを覗いて見ると案外自分でも作れそうな構造でした、昔に比べて自分も少しは技術が上がったのかもと思った瞬間でした．
先人のオープンソースコードを見ると本当にためになります．
明日へ続く．
著者名
@taoka_toshiaki
Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます．たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅．
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki
タグ
$image.on, contextmenu', EVENT, event.preventDefault, function, jquery, Lightbox, lightbox-plus-jquery.jsかlightbox-plus-jquery.min.js, lightbox.js, lightbox.jsファイル, LightBox2, オープンソースコード, ソースコード, フォルダ, ポップアップ, ライブラリ機能, 先人, 構造, 瞬間, 編集箇所,