IEの透過PNG+opacityの不具合を治すメモ - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） 透過PNGの処理が下手くそなのは、IE6だけではなく、IE7/8も同様です。 IEで透過PNGをあてた要素のopacityを弄ると、周りがグレーがかって汚くなります。 この現象はよく知られていると思いますが、今日はこの不具合の治し方のメモを記しておきます。 サンプルコード 例えば、こんなコード。 <style> .test { display:block; width:128px; height:128px; background:url(./test.png) 0 0 no-repeat transparent; } .test:hover { background-image:url(./test-hover.png); } </style> <a href="#" class="test"></a> test.pngとte
丸いレンズで画像をズームさせられるjQueryプラグイン「Zoomy」:phpspot開発日誌
Zoomy | jQuery Plugin | E-Magnification 丸いレンズで画像をズームさせられるjQueryプラグイン「Zoomy」。 このプラグインを使うことで次のような効果が得られます。 レンズのＵＩも実にリアルです。 アパレル系なんかのサイトで商品のディテールを見せたい場合に使えそうなＵＩですね。 関連エントリ 高解像度の画像のURLを入れるだけでGoogleマップみたいに拡大機能を付けられる「Zoom.it」 画像をクールにズームできるJavaScript「Magic Zoom」 オシャレなサイトに使えそうな画像ズームが行えるjQueryプラグイン「Cloud Zoom」
HugeDomains.com
Captcha security check wakuworks.com is for sale Please prove you're not a robot View Price Processing
[JS]背景画像をブラウザの枠いっぱいに広げて表示するスクリプト -fullscreenr
背景画像のアスペクト比を維持しつつ、ブラウザの枠いっぱいに広げて表示するスクリプトを紹介します。 デモではオプションで、ドットの画像をオーバーレイさせています。 スクリプトがオフ時の表示 fullscreenrの実装 fullscreenrはjQueryのプラグインのため、実装にはjquery.jsが必要です。 HTML 当スクリプト（jquery.fullscreenr.js）とjquery.jsを外部ファイルとして記述します。 <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script> <script src="js/jquery.fullscreenr.js" type="text/javascript"></script> JavaScript head内に下記のスクリプトを記述します。 <script
IEでも動作する画像を超簡単に角丸化できるjQueryプラグイン「IMGr」:phpspot開発日誌
IMGr :: jQuery Image Rounder IEでも動作する画像を超簡単に角丸化できるjQueryプラグイン「IMGr」 $("imageElement").imgr(); と唱えるだけでクロスブラウザで画像の角を丸くすることが可能です。 $("imageElement").imgr( optoins ); でradiusやサイズ、色のカスタマイズが可能。 赤いボーダーで角丸の例 ボーダーを消した例 四方の角丸の操作も自由自在です。 IE 6, IE 7, IE 8, FF 3.6, Chrome 6.0, Safari 5.0, Opera 10.62 のブラウザ上でテストされているそうです。 関連エントリ CSSで角丸テクニック２５ 角丸を使った可愛いカレンダーピッカー実装JavaScript「jsDatePick」 CSS3で影付き角丸グラデーション付きのボタンを作成す
画像上のマウス位置虫眼鏡で拡大したように表現できるjQueryプラグイン:phpspot開発日誌
Apple-like Retina Effect 画像上のマウス位置虫眼鏡で拡大したように表現できるjQueryプラグイン。 マウス位置の画像を拡大表示することができます。AppleのRetinaディスプレイのPRページっぽい表現が簡単に実装できるようです。 キャンペーン用のページなんかで、何かを探してください、みたいな感じで利用者に遊んでもらうインタフェース作り等に使えそうですね。 見た目的にもなかなかカッコいいです。 関連エントリ 画像をスムーズに拡大できるjQuery版FancyZoom 特定ブロックの文字のみ拡大縮小できる便利機能実装jQueryプラグイン「fontScaler」 拡大の仕方がクールなLightBox実装jQueryプラグイン「YoxView」
http://ti.y1.ru/retina/?cf03800516=5E985E94!NTAxMDc2ODI1OmNvcnByYWRpdXNzc2862Aq59qYSsalbxjnMpNvzSQ==
シンプルな地図系jQueryプラグイン・ jQuery Plugin for Zoomable - かちびと.net
地図系のjQueryプラグインを諸事情 で探していたので、ついでに見かけた 良さそうなプラグインを備忘録的にメモ。 Zoomableというプラグインです。 一部地域をグループ化して、グループ をズームさせる、というシンプルなもの。 問題のIE6、IE7でも問題なく動いてくれるみたいです。 A jQuery Plugin for Zoomable, Interactive Maps グループで分けられ、クリックで部分的に拡大します。白い半透明の部分がグループ分けされてる部分で、クリックすると、 拡大表示する、という仕様。スポットアイコンはツールチップ式でリンクも貼れます。 IE6でも同様に動作してくれました。 以下より、デモの確認とダウンロードが可能です。 jQuery Plugin for Zoomable
A jQuery Plugin for Zoomable, Interactive Maps
See some Demos Read the Documentation. Download the Project Zip What is it and why was it built? A couple of months ago we launched a site about Marine Science in North Carolina with one of our design partners, Liaison Design Group. A key part of the project was an interactive map that allowed visitors to find important Marine Science resources in North Carolina. Each location on the map would be
jquery.rotate.js を使って、画像がクルクル回るWelcome作ってみました♪ – VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ-
こんにちは☆最近すっかり涼しくなりましたね…！ みなさん、体調など崩していませんか？？ さて、今日は画像を回転させられるjQueryのプラグイン、 jQuery rotateというプラグインを使ってみましたので、そちらをご紹介したいと思います♪ このブログのメイン画像、 これまでは水中から撮った水の写真を使用していたのですが、 長かった夏も終わって涼しくなってきたので衣替えしてみました♪ 追記:今はデザインを変更していて、同じ方法で切手風のデザインをクルクルしています。 Fireworksマニアではお花をクルクルしています♪ →Fireworksマニア お花で出来たWelcome文字です♪ この部分、ただの画像がぺたっと貼ってあるだけではなく、 画像を回転させられるjQueryのプラグイン、jQuery.rotate.jsを使用してそれぞれのお花がマウスオーバーで回転する、という仕掛けにな
IEでも使える画像の回転用jQueryプラグイン「jQueryRotate」:phpspot開発日誌
jQueryRotate - Rotate Image by angle in all Browsers (Wilq32) IEでも使える画像の回転用jQueryプラグイン「jQueryRotate」 $('#image').rotate(-25);のようにして簡単に画像を回転できるだけでなく、回転するアニメーション効果を持たせることも可能です。 タイトルロゴとかに回転効果をつけてみても面白いかもしれません。 使い方次第ではダイナミックなWEBデザインが作れそうですね。 関連エントリ 画像ギャラリーを作る際に便利に使えそうなjQueryの画像ギャラリー実装プラグイン37種 フルスクリーンでスッキリ綺麗な写真ギャラリーを作れるjQueryを使ったサンプルプログラム 高いカスタマイズ性を持つ画像ギャラリー実装用jQueryプラグイン「AD Gallery」 画像をスムーズに拡大できるjQuer
jQueryRotate - Rotate Image by angle in all Browsers (Wilq32)
Go back to main page: http://wilq32.blogspot.com/ JQuery plugin to rotate images made in pure Javascript + HTML5 <canvas> element and VML in IE. Actual Version: 1.5 Last Relase: 26.07.2010 Author: Wilq32 (Pawel Witkowski) wilq32@gmail.com Download: jQueryRotate.jsComments, Issues, SVN-repository: GoogleCode HostingDescription: This is an final product of a Wilq32.PhotoEffect Snippet (browse blog
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
404 - 找不到文件或目录。
IEでpngを使った際に起きる不具合を防ぐプラグイン
jQuery.belatedPNGをアップデートしました。 | プログラマ気分
IDEA * IDEA
GitHub - jaysalvat/jquery.facedetection: A jQuery plugin to detect faces on images, videos and canvases.
nanotux.com
http://nanotux.com/blog/fullscreen/
steamdev.com