ホームページを作る人のネタ帳

まるでphotoshop!JavaScriptで実装するクールなカラーピッカー[prototype.js]

photoshopカラーピッカー

prototype.jsで仕上がった素敵なカラーピッカーのご紹介。

とりあえずサンプルをどうぞ。

完全にphotoshopと同様の機能


以下にサンプル。
サンプルデモ

どうみても使い慣れたピッカーにしか見えない。
フォトショップみたいなカラーピッカー


すごいのがドラッグとか色々できて、スムーズに色も変化していく点。
フォトショップみたいなカラーピッカー


実物と比較しても違いがほとんどありません。
実物photoshop


対応ブラウザも多数


この作者のエントリから、対応ブラウザが公開されていました。

・IE5.5
・IE6
・IE7
・firefox2
・Opera 9
・Safari 2

幅広いカバー率です。

でも、1つだけ問題。
一応ダウンロードしてローカルで確認したところきちんと動きましたが、またもや私のレンタルしているサーバーにアップしても動かないと言う症状が現れました。

ただ、使える人も多数いるようなので、ご紹介だけはしておきますね。

皆さんも一応使うときはご確認を。

ダウンロードは以下ページの以下の画像を参照してください。

PhotoShop-like JavaScript Color Picker
ダウンロードはこちら

それでは。また。

この記事を見た人は以下の記事も見ています


» Ajax・CSS・PHPで簡単に棒グラフが作成できる『Ajax MGraph』
» MacOSXデザインのウィンドウをWEBで表現するAjax導入方法
» prototype-uiで、簡単スライドショーの設置
» web制作者のための2008年1月BESTまとめ43+暇つぶしゲーム2
» 2007年11月度のweb製作者向けベストエントリ27個まとめ part6
» 第2回web開発者インタビュー。マチウケメール便開発者『開発環境はeclipseです!』
@yamada_nt
Posted by@yamada_nt
スポンサードリンク

Comments 1

There are no comments yet.

もから  

サーバーにアップしても動かないと言う症状

もうすでに解決しているかもですが、サーバーにアップしても動かないと言う症状はColorMethods.js等の大文字の入ったファイル名のせいです。スクリプト内はすべて小文字なので4つほどのファイル名をすべて小文字にすれば・・・

2011/04/27 (Wed) 11:45

Leave a reply

Trackbacks 1

Click to send a trackback(FC2 User)
この記事へのトラックバック