Salon.io is a web-based application made for photographers, designers and artists. It allows you to easily create beautiful websites, image galleries and portfolios without any coding knowledge using an entirely drag & drop interface.
![Salon.io - A Whole New Way Of Presenting Artwork Online](https://cdn-ak-scissors.b.st-hatena.com/image/square/a442762e355948c570c3d9b63e64064d1278c7cc/height=288;version=1;width=512/http%3A%2F%2Fsalon.io%2Fassets%2Fsalonstyle.png)
Jcropは画像を四角くクロップするjQueryプラグインです。 写真アップロードサービスやプロフィール画像の切り抜きで活躍しそうなライブラリがJcropです。マウスで範囲指定して画像を四角く切り抜けます。 はい、まずは普通の表示です。マウスで範囲指定します。 こんな感じで範囲指定できます。一度指定した後、マウスで微調整もできます。 正方形に限らず形を決められます。 コールバックにも対応していて、マウスを動かしたタイミングなどが座標付きで取り出せます。 サムネイルビューにも対応しています。範囲指定した部分が小さくなって右側に表示されています。 範囲を大きくしたらサムネイルが自動調整されています。 CSSを使って決められた範囲だけクロップ表示することもできます。 サーバサイドに飛ばしたところです。PHP+GDのスクリプトサンプルも用意されています。 Jcropはサーバサイドに座標を飛ばせるの
大雨やら地震やら、天災が続きますね。取り急ぎ乾パンを買うべきか悩んでるkimotoです。最近の乾パンはうまいと言うし。 さて今回は、jQuery を使ったイメージギャラリーが25コ紹介されていたので便乗してご紹介。 説明文付きギャラリー Create an Image Rotator with Description (CSS/jQuery) デモページ 右側のサムネイルをクリックすると、説明文と共にイメージが表示されます。 「Hide」ボタンで説明文を隠す事もできます。 自動でスクロールするイメージギャラリー jQuery Image Gallery/News Slider with Caption デモページ 一定時間で、自動で画像がスクロールします。 下部のリンクにより、手動で動かす事もできます。 オンマウスで少し拡大するサムネイル Fancy Thumbnail Hover Eff
jQuery UIを使用して、button, span, anchorをスタイリングするチュートリアルをFilament Groupから紹介します。
FancyZoom meet jQuery // Ordered List // We Make The Web Beautifully Simple 画像をスムーズに拡大できるjQuery版FancyZoom。 サムネイル画像をクリックするとそこからズームされる感じにアニメーションされるFancyZoomのjQuery版が出たみたい デモ jQueryな方にはよさそうですね。アニメーションがなめらかで、動作も軽いみたいです。 関連エントリ 画像を同一Window内でスムーズにズームしてくれるJSライブラリ色々
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く