画像を複数重ねて配置して、一定時間ごとに切り替える処理を実装する機会がたまにあるので、実装方法をメモ。
-
画像を順々に切り替える処理を実装する
-
data属性の名前に使える文字列
data属性を設定する際、名前に使える文字列について調べてみました。
-
Marker Clustererを使ってみる
Google Mapsで複数のマーカーを立てた際、近いマーカーをまとめて表示できるMarker Clustererを使ってみます。
-
tableの幅を変更できるプラグイン「jQuery Resizable Columns」を使ってみる
tableの列の幅をドラッグで変更させたいことがあったので、jQueryプラグインの「jQuery Resizable Columns」を使ってみました。
-
Google Maps APIで特定の範囲をマップ内に収める
Google Maps APIで指定した複数のマーカーをマップ内に収める方法を調べたのでメモしておきます。
-
jQueryで実装したキーワード検索にページ送りを追加する
以前jQueryを使ってキーワード検索の機能とページ送りの機能を実装しましたが、今回はその2つを組み合わせてみます。
-
jQueryでページ送りを実装する
jsonなどの情報を使って一覧表示をした際に、ページを分割してページャーで切り替えられるようにする処理をjQueryで実装してみます。
-
data属性のうち特定の値を持たない要素のみを対象にする
jQueryを使って、特定のdata属性のうち特定の値を持たない要素にclassを付けるという処理を実装していたのですが、その際に意図しない挙動になることがあったので、備忘録としてメモしておきます。
-
Google Maps APIで表示しているマーカーを切り替える
昨日jsonのデータを使ってGoogle Mapsにマーカーを設置する記事を掲載しましたが、このマーカーをカテゴリ毎に絞り込めるようにしてみます。
-
Google Maps APIでjsonのデータからマーカーを設置する
CMSで入力した内容をjsonで出力してGoogle Mapsに表示するということがたまにあるので、jsonの内容使ってマーカーを設置する実装方法をメモしておきます。