GoogleMapみたいに画像をズーム＆グリグリ移動できるjQueryプラグイン「Mapbox」:phpspot開発日誌
GoogleMapみたいに画像をズーム＆グリグリ移動できるjQueryプラグイン「Mapbox」 2009年12月01日- GoogleMapみたいに画像をズーム＆グリグリ移動できるjQueryプラグイン「Mapbox」。 自分で実装するとなるとかなり骨が折れそうなこの機能もjQueryプラグインで簡単に実装できるみたいです。 マウスホイールでズームし、ドラッグして地図移動が可能 ズームとか移動のコントローラーを付けることも可能で、これなら初心者にも簡単に気付いてもらえますね。 設置はjQueryを使うので、マークアップでズーム用に画像を数枚置いておき、$("#viewport").mapbox({mousewheel: true}); のように初期化するだけでOKです。 オプションも多数あるのでカスタマイズも出来ます。 ズーム前後に実行できるイベントハンドラも設定可能なので、柔軟性が高い
MOONGIFT: » JavaScriptだけで画像イフェクト「Bevel.js」:オープンソースを毎日紹介
サイトの画像を角丸にしたり、影をつけたりするのは良くあることだ。単なる画像も、多少の変化をつけるだけで見栄えがずいぶん変わってくる。だが、一つの一つの画像にそうした変化をつけるのは面倒で、徐々にやらなくなってしまう。 そこで自動化を考えたい。とは言ってもサーバサイドではない。クライアントサイドで行うのだ。 今回紹介するフリーウェアはBevel.js、JavaScriptで画像にイフェクトを行うライブラリだ。元々Public Domainだったが、変わったようで、非営利の個人利用に限りフリーとなっている。 Bevel.jsを使うと、画像の角を丸くしたり、そこにさらに影を付けたりと言ったイフェクトをJavaScriptのみでできるようになる。ふちを暗くしたり、別な色にすることも可能だ。まるで画像編集したかのようだ。 対応しているブラウザはFirefox 1.5以上、Opera 9以上、IE 6
クールなスライドショーライブラリ·Galleria MOONGIFT
画像をサイトで一気に紹介したいことがある。ただ画像のサムネイルやリンクを並べるだけでも良いが、それでは味気ない。写真や画像は見せ方次第でその印象が大きく異なる。 専用のソフトウェアを使っても良いが、もっと手軽なのはJavaScriptベースのライブラリだ。 今回紹介するオープンソース・ソフトウェアはGalleria、JavaScriptとCSSを使ったスライドショーライブラリだ。 GalleriaはjQueryを使ったスライドショーライブラリで、導入が手軽で見た目もかっこうよく仕上げることができる。デモは二つ用意されており、一つは下にサムネイルの一覧、上にクリックした画像を表示している。 二つ目は左側に一覧が、右側に大きな画像が表示される。イメージタグのtitle属性に記述した内容が表示されるので、画像ごとにメッセージをつけるのも簡単だ。マウスが当たった画像だけ明るく表示されたり、写真の切
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
