地図にマッピングし、指定した位置にコンテンツを表示出来る軽量jQueryプラグイン・CRAFTMAP
使いやすそうだったので備忘録。 Googleマップライクに動かせて マーキング、その場にコンテンツ を表示させる事も可能な軽量 jQueryプラグイン・CRAFTMAPです。 ちょっと説明下手ですね・・ マーキングもデザインのカスタマイズも割と楽で色々なものに応用できそうです。商用は有料なのですが、もしかしたら使うかも。 メニューから選択するだけでなく、ドラッグ可能でマーカーをクリックすることでもスクロールしてくれます。地図コンテンツでたまに見かけるインターフェースですね。 特にGoogle Map API等は使用していません。シンプルに、地図の画像を作って、座標に応じてマーカーを設置する、というものです。ライブラリも軽量ですよ。 サンプル作ったのでどうぞ。 Sample コード<script type='text/javascript' src='https://ajax.googlea
WEBサイトのビジュアル面を改善する24のjQueryプラグイン | Outputter
WEBに動きを加えたり、多機能化を図るなら必須なjQuery。あると便利&使ってみたいプラグインのまとめ。 Free jQuery Scripts ページをスクロースすると画像を順番に表示してくプラグイン。スクロースすると画像がフェードしながら表示されるサイトに使用されていますね。 Catch404 リンクエラーの404表示をダイアログ表示で処理するjQuery+CSS3プラグイン Waypoint ページをスクロールすることで特定の要素に対して処理を行うプラグイン。下までスクロールさせたら新たにコンテンツを表示したり、トップに戻るボタンを表示させたりできます。最近だとスクロールしても追従してくるSNSボタンなどに使われていますね。 SliderNav マウスオーバーで特定の項目まで一気にスクロールさせるApple風スライドナビゲーション Nivo Slider 今やコンテンツスライダーの
要素を遅延表示させながらレンガ風に整列させるシンプルで軽量なjQueryプラグイン・stalactite
jQuery Masonryのように、要素をレンガ のように時系列を崩さず配列させるだけ でなく、遅延表示させるjQueryプラグイ ン・stalactiteです。たまに見かける エフェクトなんじゃないでしょうか。 スクリプトも軽量で使い勝手も良さそう です。 遅延表示はちょっと面白いですね。スクリプトも軽量なのでポートフォリオかギャラリーで使ってみたいですね。Tumblrでも試したい。 Masonryと同じタイプのスクリプトです。こちらは軽量でシンプルなのと、要素を遅延表示させるエフェクトが付いています。テキストや動画コンテンツなども対応していますよ。 サンプル作りました。以下に進んでClick me!をクリックしてください。分かりやすいように少し遅延速度を遅めにしてあります。 Sample デモの写真はmark sebastian氏のものです。徐々に表示されたのが確認出来ましたでしょう
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TwitterのTLを、JQueryを使って表示する−ブラウザ編