スクロール時にナビを上部に固定

スクロール時にグローバルナビが常に見えるように、ということで、SMINT を付けたのだけど、accordion のあるページで干渉して、jQuery のバージョンを両方が動くものに変えるとグローバルナビのリンクが効かなくなるという現象が…検索してみるとリンクが効かなくなるという現象はあるようなのだが、解決策は見つからず… http://www.backsla…

ajax で「次のページ」を続きに読み込む

1ページに写真をすべて表示したいが、件数が多くなった時のために分割して「続き」を読み込むようにしたい、ということで、ajax で次のページを読み込むことは出来たのだけど、jquery masonry でレイアウトしているので、読み込みのタイミングでmasonry をリロードしないといけない。 あれこれ色々とやってみたけれど、なかなかスッキリとは解決せず…読み…

jQuery でグリッドレイアウト

大きさの違う写真をきれいに並べたい、ということで、Masonry を実装した。 グリッドレイアウトにしたい親要素と並べたい子要素、グリッドの最小幅を指定するだけで、案外簡単だった。 ただ、最新版はIE8以降対応なので、IE7・6でも動かしたい場合はhttps://github.com/desandro/masonry/archive/v2.1.08.zip …

一覧でカウントを付ける

一覧を表示する際、サムネイル付きでフロートさせる場合など、1つずつ左寄せ右寄せ、とか、4つずつ clearfix で括るとかに必要なカウントの付け方のまとめ。 while 文の場合、while の前で初期化 $post_count = 1; endwhile の前で1つプラス $post_count++; foreach 文の場合も理屈は同じ。 分岐は $p…