ページ内の画像のダウンロードを超簡単に制限できる「dwImageProtector for jQuery」
2009年06月15日-
スポンサード リンク
dwImageProtector Plugin for jQuery
ページ内の画像のダウンロードを超簡単に制限できる「dwImageProtector for jQuery」。
Flickr などで導入されていますが、右クリックしてダウンロードしようとすると、元画像ではなくダミーの画像のダウンロードが開始する、という仕組みを簡単に実現するためのjQueryプラグインです。
ダウンロードしようとすると、ダウンロード開始するものの、ダミー画像(blank.gif)がターゲットになります。
単純に、元画像にダミー画像(blank.gif)を被せているというハックなのですが、画像の右クリックダウンロードを抑制したい方には便利に使えます。
以下のようなケースで保存するのを防ぐことが可能です。
・右クリック→保存
・右クリック→背景に設定での保存
・右クリック→背景画像の表示
・デスクトップに画像をドラッグ&ドロップで保存
もちろん、画面キャプチャには対応できないのですが、ある程度の抑制効果は持たせられますね。
使い方は、以下のように超簡単。
var protector = new dwProtector({
image: '/blank.gif',
elements: $$('.protect')
});
このコードによって、<img class="protect"> の画像を一括してプロテクトすることが可能で、導入は容易です。
Mootools版もあって、こちらがオリジナルのようです。
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- 小説表紙などに使えそうな商用可なフォント「になロマン」
- 筆で書いたようなカナ書体「筆竹仮名B」
- 無料・商用利用可な丸文字ピクセルフォント「マルミーニャM」
- スペースコブラ風フォント
- Next.jsのVercelから商用利用可能なフリー汎用フォント「Geist Font 」
- 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
- CSSのみで実装された500種類のローディングアニメーション「CSS Loaders」
- 画像ホバーで様々なエフェクトをかけられる「Izmir」
- CSSのbox-shadowをGUIで生成できる「CSS Box Shadows Generator」
- 好きな画像や文字を埋め込んだQRコードをリアルタイムで作れるWEBツール
- 過去のエントリ