2011年12月17日

スマートフォンで画像をダウンロードさせない方法

iPhoneやAndroidなどのスマートフォンではガラケーと違い画像の長押しで写真がダウンロードできてしまう。それを防ぐためのjQuery スクリプト。

$(function(){
$(".hoge img").load(function(){
if(!$(this).data("gifFlag")){
$(this).data("gifFlag",true)
$(this).css({
"background":"url("+$(this).attr("src")+")",
webktBackgroundSize:"100%",
backgroundSize:"100%"
}).attr("width",$(this).width()).attr("height",$(this).height()).
$(this).attr("src","data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw%3D%3D");
}
});
});


画像の読み込みがおわったあとで画像をimg要素の背景書に設定し、src属性を透過gifに書き換えるだけ。透過gifも用意するのがめんどくせいのでdata スキーム URIでいい。
posted by ねこまんま at 17:46 | Comment(0) | TrackBack(0) | iPhone | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバック