ページ内の画像のダウンロードを超簡単に制限できる「dwImageProtector for jQuery」:phpspot開発日誌
ページ内の画像のダウンロードを超簡単に制限できる「dwImageProtector for jQuery」 2009年06月15日- dwImageProtector Plugin for jQuery ページ内の画像のダウンロードを超簡単に制限できる「dwImageProtector for jQuery」。 Flickr などで導入されていますが、右クリックしてダウンロードしようとすると、元画像ではなくダミーの画像のダウンロードが開始する、という仕組みを簡単に実現するためのjQueryプラグインです。 ダウンロードしようとすると、ダウンロード開始するものの、ダミー画像(blank.gif)がターゲットになります。 単純に、元画像にダミー画像(blank.gif)を被せているというハックなのですが、画像の右クリックダウンロードを抑制したい方には便利に使えます。 以下のようなケースで保存す
画像ロールオーバーのjavascript - Webtech Walker
画像のロールオーバーには主にjqueryのプラグインを使ってたんですが、jqueryを使えない案件があってjqueryを使わないでロールオーバーを実現するライブラリを探したけど自分好みの仕様のものが見つからなかったんで自分で書いてみました。 ダウンロード サンプル 使い方 ダウンロードしたjavascriptを読み込む ロールオーバーしたい画像のimg要素にclass="hoverImg"を指定（スペース区切りの複数指定も可） 通常時の画像「xxx.gif」とロールオーバー後の画像「xxx_ov.gif」を準備（同じ場所におく） 指定するclass名(hoverImg)とロールオーバー後の画像の接尾語（_ov)はjsの以下の箇所を書き換えれば変更できます。 var targetClassName = "hoverImg"; var suffix = "_ov"; ライセンスとか MITライ
CSS Sprite Generator, Editor, and Code
What are CSS Sprites CSS sprites are a way to reduce the number of HTTP requests made for image resources referenced by your site. Images are combined into one larger image at defined X and Y coorindates. Having assigned this generated image to relevant page elements the background-position CSS property can then be used to shift the visible area to the required component image. This technique can
tumblrの画像転載をはじくhtaccess - ぐでの日記
RewriteEngine on # tumblr.comに掲載されたリンクからのアクセスに一時的な別ページを表示する RewriteCond %{HTTP_REFERER} tumblr.com [NC] RewriteRule ^.* /notumblr/notumblr.htm [L] #「Tumblr/1.0 RSS syndication (+http://www.tumblr.com/) (support@tumblr.com)」 #tumblrが画像ファイルへアクセスした場合に別の画像を出力する <FilesMatch ".(gif|jpg|png)"> RewriteCond %{HTTP_USER_AGENT} ^Tumblr RewriteRule ^.* /notumblr/notumblr.png [L] </FilesMatch> #tumblrがアクセスしてきた
画像で使われているフォントを調べる方法 | POP*POP
今回の「諦めている不便利」はこちらの投稿をご紹介（企画の詳細はこちら）。 ロゴを作る時に、クライアントから希望のフォントが使われている印刷物やビットマップ画像を示されて「このフォントで」と言われることがあります。その字形からフォント名(もしくは形が近いフォント)を検索する手はないものでしょうか？（ルミエールさんありがとうございます！） 個人的にも「このフォントいいな。何というフォントだろう？」と思いながら、わからなかった経験があります。 この解決方法を調べてみました。 「WhatTheFont」というサイトを使ってみるのはいかがでしょうか。画像で使われているフォントを調べてくれるサイトです。残念ながら日本語フォントには対応していませんが便利ですよ。 » WhatTheFont 使い方を簡単にご紹介します。 ↑ 調べたいフォントが描かれている画像をアップロードします。URLを指定しても取り込
ビジュアル情報だけで検索する実験サイト -Idee Labs
Idee Labsでは、メタデータを使用せず、画像の形・カラー・テクスチャなどの視覚情報から検索する実験サイトです。 Idee Labs Idee Labsでは、現在「Multicolour Search」と「Visual Search」の２つの検索サービスをリリースしています。 Multicolour Search Lab 複数の色を対象にそれを含んでいる画像を検索します。 下のキャプチャ画像は、Multicolour Searchで緑と赤を検索したものです。一番上のは、虹色を検索したものです。
ウノウラボ Unoh Labs: 携帯キャリアで画像を転送させない方法
Keitaです。 携帯画像で待ち受け画像などで、ダウンロードはできるけどメールに添付できないタイプの画像があるとおもいます。 ここらへんどうやるか、気になって調べてみると、 Docomoと、AUは画像のコメント部分に、それぞれ、特定の文字列を入れれればいいようで、 Docomoの場合「copy="NO"」、KDDIの場合「kddi_copyright=on」を追加することでで、携帯でダウンロードできるが、メールなどで転送できない画像が作れました。 具体的に、MagickWand For PHPを使う場合には以下のような感じでヘッダを埋め込みます。 <?php $image = NewMagickWand(); MagickReadImage($image, 'Keita_s.jpg'); MagickCommentImage($image, 'kddi_copyright=on,
スクロールで順に画像読み込みLazy Load Plugin for jQuery
Mon, Jan 1, 0001 Lazy Load delays loading of images in long web pages. Images outside of viewport will not be loaded before user scrolls to them. This is opposite of image preloading. This is a modern vanilla JavaScript version of the original Lazy Load plugin. It uses Intersection Observer API to observe when the image enters the browsers viewport. Original code was inspired by YUI ImageLoader ut
Give me five stars
Productive Sunday Since we normally go to church on Saturday evenings, this frees up our Sundays quite nicely. While we don’t get to truly sleep in because of Jesse (and sometimes Annie), we do get a good day of rest and relaxation. For some reason yesterday turned into work on the house day and we got quite a lot accomplished before 10am when we paused to make breakfast. The following is the list
Glossy.js (now with IE 6/7 support)
Initialisation class "glossy" vary the radius by adding iradius followed by the desired radius in percent of half of the smaller picture dimension: Corner radius class "iradius25" - min=20 max=50 default=25 vary the shadow by adding noshadow: Noshadow class "noshadow" - default=false vary the background by adding ibgcolor followed by the desired color as hex: Background color class "ibgcolor" - mi
WDF - Software : 画像をレイヤー上に表示する (Greasemonkey Script)
こちらのコンテンツの一部（Google イメージ検索をレイヤー上に表示する）は次のサイトへ移転しました。 Google イメージ検索をレイヤー上に表示 (Greasemonkey) : Serendip Software > 画像をレイヤー上に表示する (Greasemonkey Script) リンク先の画像をページ移動することなくレイヤー上に表示するGreasemonkey Scriptです。 スクリーンショット 使い方 大きな画像はリサイズして表示します、左上の丸いアイコンをクリックするとリサイズの解除・再リサイズができます。 画像をクリックすると画像とレイヤーが消えます。 ページにレイヤー表示関数を埋め込むスクリプト[wdfimagelayerbase.user.js]と、その関数を使ってサイトごとに合わせて作ったスクリプト(サンプルとしてGoogle イメージ検索)[google
CSSだけでイメージマップを作る有用サンプル:phpspot開発日誌
CSS Image Maps - Flickr-like Technique? Below is a sample image map that's built entirely using CSS and XHTML. CSSだけでイメージマップを作る有用サンプル。 画像の特定部分にカーソルを合わせると、説明を画像上に表示できるCSSとXHTMLサンプルが公開されていました。 JavaScript を一切使っておらず、CSSだけで実現されているところがすごいですね。 JavaScript が要らず、次のような綺麗なHTMLで実現できるところも嬉しいですね。 実装も簡単そうです。 <dl id="officeMap"> <dt id="monitor">1. Monitor</dt> <dd id="monitorDef"><a href="#"><span>Here's my 17" M
RedLine Magazine : CSSで文字サイズに画像サイズを合わせる
CSSで文字サイズに画像サイズを合わせる テキストサイズの可変に伴いCSSで画像サイズを変更する方法を３つ。 まずサンプル。 >>文字サイズに画像サイズを合わせるのサンプル 説明･･･はサンプルページを見れば何がしたいのか分かるような気もするけど一応書いてみる。どのパターンも単純に大きめのサイズに書き出した画像を用意してどう表示させるかcssで指定してるだけ。 パターン１の場合 パターン１はcss側で表示したい画像を背景画像として指定。幅や高さはemで指定することによって文字サイズの可変に合わせてでっかくなったりちいさくなったり。元画像を縮小拡大しているわけではなく、見える範囲が大きく小さくなるだけなので画質が汚くなるってこともない。 <p class="resize_image01">女の子の写真ですよー</p> .resize_image01{ float: left; width:1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
trick7 RTP Live: Info Bocoran RTP Slot Online Pragmatic Play Gacor Terlengkap -
たんぶらびゅーあー
HeartRails - ハートレイルズ - 新規事業開発のエキスパート
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
http://log.steadfaster.net/2007/09/mtflash-image-viewer.html
VIX
Tumblr
