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

2024.08.12

Logging

おはようございます．先日、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

※この記事は著者が40代前半に書いたものです．

Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます．たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅．
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki

OFUSEで応援を送る

投稿日時 2024年08月12 06:00日

タグ

$image.on, contextmenu&#39, EVENT, event.preventDefault, function, jquery, Lightbox, lightbox-plus-jquery.jsかlightbox-plus-jquery.min.js, lightbox.js, lightbox.jsファイル, LightBox2, オープンソースコード, ソースコード, フォルダ, ポップアップ, ライブラリ機能, 先人, 構造, 瞬間, 編集箇所,

自作テンプレートを作ってみて。

2015.07.11

Logging


自作テンプレートを作ってみて、イマイチ感というよりはLightBox2のプラグインが上手く動作しなかったので元のテンプレートに戻しました。恐らく一部のプラグインが動作しなかったのはBootstrapかjqueryの競合が問題かと思われます。自分で作ってみてもっとWordPressのメソッドを知っていればもっと楽々と作れた事は間違いないですが、自分が思っていた以上にWordPressは難しいという感じではないです。cakePHPなどの方がやはり難しい。それに比べれば幾分、考え方は緩いかなと感じます。

著者名  @taoka_toshiaki

※この記事は著者が30代前半に書いたものです．

Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます．たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅．
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki

OFUSEで応援を送る

投稿日時 2015年07月11 03:32日

タグ

Bootstrap, cakePHP, jquery, LightBox2, WordPress, イマイチ感, プラグイン, メソッド, 一部, 元, 問題, 幾分, 感じ, 楽々, 競合, 考え方, 自作テンプレート,