画像表示ライブラリ『だぶ巻』リリース
画像表示に使用しているライブラリ『だぶ巻』をオープンソースフリーウェアとしてリリースしました。
だぶ巻
現在このブログで使ってるデザインがデフォルトデザインです。
写真の周りの陰はだぶ巻でサポートしていないので、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の操作の関係で陰を出すことが出来ませんが、今後のバージョンアップで対応します。
(全ブラウザでスクリプト設定操作から指定できるようにします。)