前の記事 ≪:PHP カンファレンス2009が開催
次の記事 ≫:リアルな煙のPhotoshopブラシセット

ページ内の画像のダウンロードを超簡単に制限できる「dwImageProtector for jQuery」

2009年06月15日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法

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版もあって、こちらがオリジナルのようです。

関連の記事検索:jQuery, JavaScript, 画像
スポンサード リンク

By.KJ : 2009年06月15日 07:05 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)