Google MAPを簡単に表示させるjQueryプラグイン「jquery.easyGmap.js」 — WEB-PARK.ORG | サイト制作に使用した自作jQueryコードのご紹介
仕事でGoogle Maps APIを使う機会がありました。実は今回が初めての使用です。 率直な意見を言うと。。。面白い！！色んな関数が用意されているのでカスタマイズが楽しい！ そこで今回はGoogle Maps APIと連動したプラグインを作成しました。 「jquery.easyGmap.js」とは？ 仕事でGoogle Maps APIを使ってみたところ一点不便なことがありました。 それはページごとに違うMapの見せ方をしたい場合にJavascriptのソースを作り直さなければならないことです。 それを解決するために「jquery.easyGmap.js」プラグインを作成しました。 これは任意のクラスを指定するだけで、住所を読み取りMapを表示させることが出来ます。 ノーマルサンプル カスタマイズサンプル 導入方法 まず初めにGoogle Maps APIから登録を行い「キー」を取得し
Telegraphics - Free plugins for Photoshop & Illustrator...and other software
Plugins Most plugins below are usable with all versions of Photoshop under Mac OS X, 9 and earlier, and Windows (if you need a version that's not here, please write to us). Should also work with Elements, AfterEffects, Premiere, PhotoDeluxe, Corel PhotoPaint, Paint Shop Pro, Fireworks, Painter, Photo Impact etc. (incomplete list). For information about using these and other Photoshop plugins with
次は縦移動！スクロールギャラリープラグイン「jquery.easyScrollGallery.js」の紹介 — WEB-PARK.ORG | サイト制作に使用した自作jQueryコードのご紹介
前回作成したjquery.easySlideGallery.jsはスライドでしたが今度は縦にスライドする画像ギャラリープラグインを作成しました。 サンプル 前回と同じサンプル内容を掲載しました。 ノーマルサンプルを見る 情報掲載サンプルを見る 導入方法 ほとんど前回と同じです。id名とpagenation名を変更しています。 Javascript まずはjqueryを読み込ませその次にイージースライドギャラリーのプラグインを読み込ませます。 他のプラグインと衝突させないためjQuery.noConflict();を指定してますので引数に($)が必要です。 <script type="text/javascript" src="js/lib/jquery.js"></script> <script type="text/javascript" src="js/lib/jquery.easyS
簡単実装！スライドギャラリープラグイン「jquery.easySlideGallery.js」の紹介 — WEB-PARK.ORG | サイト制作に使用した自作jQueryコードのご紹介
ついにプラグインを作成しました！ ハードルが高いと思い敬遠していましたが、何とかリリースすることができました。 jquery.easySlideGallery.jsとは 今回作成したのはスライドする画像ギャラリーです。 サイト内の画像紹介ページなどに利用できればと思い作成しました。 ノーマルサンプルを見る 情報掲載サンプルを見る 導入方法 簡単に実装できますが、javascript以外にhtmlとcssにも特定のソースを記述する必要があります。 Javascript まずはjqueryを読み込ませその次にイージースライドギャラリーのプラグインを読み込ませます。 他のプラグインと衝突させないためjQuery.noConflict();を指定してますので引数に($)が必要です。 <script type="text/javascript" src="js/lib/jquery.js"></sc
Xlune::Blog
可変グリッドレイアウトjQueryプラグイン(jquery.vgrid.js) なんだか可変グリッドレイアウトがまた流行ってる（？）ようなので、jQueryプラグイン書いてみた。 一通りブラウザで表示確認ぐらいはしたけど、テストは十分じゃありません。 Demo Demo Index 利用方法はデモのソースを確認してください。(ウィンドウリサイズして動きも確認してね) Download github zip file 利用には、jQuery本体とjquery.easingプラグインが必要です。別途読み込んでください。 更新情報 v0.1.8 (20120421) display属性で、グリッド要素の表示/非表示を切り替えれるように修正しました。 demo009を追加 v0.1.7 (20111110) 複数の可変ボックスを指定すると、開始位置がおかしくなるバグを修正しました。 demo008
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
