jQueryでモーダルウィンドウのプラグインを自作したので公開します。
世の中にはjQueryで動くモーダルウィンドウプラグインがたくさんあるのに、自作しました! 理由は、あがってくるデザインを実現するには自作するしかなかったからです。 せっかくなので公開します。 DEMO DOWNLOAD 設定方法 Javascriptの設定 <script src="https://ajax.googleapis.com/ajax/libs/jquery/...続きを読む
世の中にはjQueryで動くモーダルウィンドウプラグインがたくさんあるのに、自作しました! 理由は、あがってくるデザインを実現するには自作するしかなかったからです。 せっかくなので公開します。 DEMO DOWNLOAD 設定方法 Javascriptの設定 <script src="https://ajax.googleapis.com/ajax/libs/jquery/...続きを読む
仕事でメインビジュアルを自動で切り替えたいという要望があったのでプラグインを作成しました。 昔ならFlashでしか出来ないと思っていたことが、Javascriptで出来るのはSEO・メンテナンス性を考えても嬉しいことです! DEMO DOWNLOAD ファイル構造 HTML 全てを包括するid=”mainVisual”の中に、大きい画像用のid=”autoV...続きを読む
今後必要になるだろうと思いTwitterの値の取得方法を調べてみました。 使用するのは、TwitterAPIとjQueryです。 TwitterAPIの値をみる まず、TwitterAPIの中身を覗いてみよう。 下記URLの「アカウント」に自分のIDを入れて開くと。。。 http://api.twitter.com/1/statuses/user_timeline/アカウント.json ずらっと表...続きを読む
仕事でGoogle Maps APIを使う機会がありました。実は今回が初めての使用です。 率直な意見を言うと。。。面白い!!色んな関数が用意されているのでカスタマイズが楽しい! そこで今回はGoogle Maps APIと連動したプラグインを作成しました。 「jquery.easyGmap.js」とは? 仕事でGoogle Maps APIを使ってみたところ一点不便なことがありました。 それはペー...続きを読む
前回作成したjquery.easySlideGallery.jsはスライドでしたが今度は縦にスライドする画像ギャラリープラグインを作成しました。 サンプル 前回と同じサンプル内容を掲載しました。 ノーマルサンプルを見る 情報掲載サンプルを見る 導入方法 ほとんど前回と同じです。id名とpagenation名を変更しています。 Javascript まずはjqueryを読み込ませその次にイージー...続きを読む