new »

画像表示ライブラリ『だぶ巻』リリース

Posted by dab | 2012年4月14日 土曜日 9:17:09 < JavaScript, コンピュータ >

画像表示に使用しているライブラリ『だぶ巻』をオープンソースフリーウェアとしてリリースしました。
だぶ巻

現在このブログで使ってるデザインがデフォルトデザインです。

写真の周りの陰はだぶ巻でサポートしていないので、CSSを用意してください。

.dabmaki .sheet img {
-webkit-box-shadow: 4px 4px 10px rgba(75, 75, 75, 0.7), -1px -1px 10px rgba(100, 100, 100, 0.5);
-moz-box-shadow: 4px 4px 10px rgba(75, 75, 75, 0.7), -1px -1px 10px rgba(100, 100, 100, 0.5);
-ms-box-shadow: 4px 4px 10px rgba(75, 75, 75, 0.7), -1px -1px 10px rgba(100, 100, 100, 0.5);
-o-box-shadow: 4px 4px 10px rgba(75, 75, 75, 0.7), -1px -1px 10px rgba(100, 100, 100, 0.5);
box-shadow: 4px 4px 10px rgba(75, 75, 75, 0.7), -1px -1px 10px rgba(100, 100, 100, 0.5);
}

このCSSコードをCSSファイルにコピーすると、Safari、Chrome、Opera、Firefox、その他box-shadowをサポートしているブラウザで陰が出ます。
IE8はスクリプトのfilterの操作の関係で陰を出すことが出来ませんが、今後のバージョンアップで対応します。
(全ブラウザでスクリプト設定操作から指定できるようにします。)

TrackBack URI : https://home.wi-wi.jp/blog/wp-trackback.php?p=789

Leave a comment

:mrgreen: :neutral: :twisted: :shock: :smile: :???: :cool: :evil: :grin: :oops: :razz: :roll: :wink: :cry: :eek: :lol: :mad: :sad:

new »