ページ内の画像のダウンロードを超簡単に制限できる「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
最新のブログ記事(新着順)
- 15000以上のいい感じの線形アイコン「Lineicons」
- CSSやTailwindでのCSSスニペットライブラリ「CSS Snippets Library」
- AIを使ってサイトマップが作れる「Octopus.do」
- ライブラリ依存のないモーダルオープンライブラリ「Blendy」
- 個性的な明朝フリーフォント「築豊初号明朝OFL」
- CSSで太陽が差し込むようなアニメーション実装
- 可愛くアニメーションする「beautifully crafted animated icons」
- アイソメトリックなアイコンがアイコンがPNG,SVGでゲットできる「Isoicons」
- ユニークなカタカナフォントtorisippo
- 美しいメッシュグラデーションをCSSで簡単に取得できる「MSHR」
- 過去のエントリ