5509

jQueryを使ってNews Tickerプラグインを作ってみよう[後編]

前編でニュースティッカーができたので 後編ではjQueryプラグインにしてみましょう。

jQueryを使ってNews Tickerプラグインを作ってみよう[前編]

  • jQueryを使ってNews Tickerプラグインを作ってみよう[前編][1]
  • jQueryを使ってNews Tickerプラグインを作ってみよう[前編][2]

jQueryプラグインのメリットは

  • 要素をjQueryのメソッドチェーンで繋いで実行できる
  • オプション項目の指定が簡単にできる

といったところでしょうか。

Read more

jQueryを使ってNews Tickerプラグインを作ってみよう[前編][2]

前回までのおさらい。

前回の記事

まずは前回最後のサンプルを見てください。

ここまでのサンプル(フェードを実行)

サンプルを見ればわかるように
ニュースティッカーの実装まではできましたが不具合があるようです。

  • 最後のニュースが表示された後に何も表示されない

よくあるパターンは最後が表示されると最初に戻る というものです。
これを実装してみようと思います。

Read more

jQueryを使ってNews Tickerプラグインを作ってみよう[前編][1]

newsticker

まずは今回つくるものをご覧ください。

ニュースティッカー1(完成)

jQueryプラグインでも見たことがあるような よくあるフェードで切り替えるやつです。
これを作ってみましょう。

前編では ニュースティッカーを実装するところまで
後編では 前編で作成したニュースティッカースクリプトをjQueryのプラグインにしていく予定です。
結構長いので数回に分けて投稿していきます。。。

JavaScriptとjQueryがちょっとわかる人なら理解できる…はずです。

Read more

jQuery.validation.jsとAjax Username Checkerを組み合わせて使う

checkusername

Ajax Username CheckerAjax Username Checkerのサンプル
– jQuery、PHP、CSVを組み合わせて、入力したユーザネームが利用できるかどうかをチェックできるよ!

というのがあるんですがOKWave(と教えてgoo)からリファラーがきてて
みたら jQuery.validation.jsとAjax Username Checkerを一緒に使えないか みたいな感じでした。

で 面白いのでjQuery.validation.jsで使えるようにソースを修正してみました。

実際に動作してるサンプル

Read more

AutoPagerizeをWordPressで WP-AutoPagerizeプラグイン

新しいバージョンを公開しました

wp-autopagerize

先日試した自分のサイトでAutoPagerizeを使うからの延長で
自分のWordPressにAutoPagerizeを手軽に導入できるプラグインを作りました。

色々と方法はあったんですけれど
とりあえずは、Pagenavi付き・jQuery使用になってます。
(上記の2点は好みが分かれそうですね…

サンプルとして実際に動作している環境のWordPressを用意しました。

Read more

Author

nori
nori
- UI Engineer
Location
- ,