タグ

ブックマーク / weblibrary.s224.xrea.com (3)

  • Movable Type 4.1をAutopagerizeに対応させる - WEBデザイン BLOG

    AutoPagerize対応class指定を設定しておくことで、エントリーを昇順で読むことができるようになります。実際にMovableType.jpで対応されているので、導入している方には、過去のエントリーから読んでいくとページ末尾に新しい記事(次ページ)が追加表示されるようになり、読みやすさを実感できるかと思います。 インデックスページ(トップページ)で、エントリーがアップした日付で降順に表示されるのが一般的です。記事を読み始めると昇順に記事が追加され読めるようになります。逆でもいいのですが、こっちの方がスマートかもしれません。 最初のエントリー投稿内容からコードの追記修正いたしました。最新記事において、「次の記事」が表示されていたのを表示されないコードに修正しました。 Autopagerize対応情報について こちらのautopagerize作成者のbrazilさんのブログAutoPa

    showry
    showry 2008/09/05
    まだMT3.3なんだけど参考にする
  • Highslide JS用アトリビュート追加-Movable Type(ムーバルタイプ)埋め込み画像カスタマイズ-WEBデザイン BLOG

    このカスタマイズをすることでMovable Type(ムーバルタイプ)で簡単にHighslide JSを使えるようになります。 今回このカスタマイズでmixiにてヒントをくださいました。ナカヤマ様・きりり様この場を借りてお礼申しあげます。ありがとうございました。 ファイルアップロードカスタマイズ 今回のカスタマイズは、デフォルトでのファイルアップロードにおいて埋め込み画像のHTML生成ならびに表示タグをカスタマイズしました。埋め込み画像のHTML生成にてHighslide JS用のアトリビュート(属性)を最初から生成するようにしました。尚、このエントリーで紹介するカスタマイズを行った場合、デフォルトでの埋め込み画像のHTMLは生成されなくなります。 おことわり:今回のカスタマイズでMTの動作に支障をきたしても当サイトでは責任を負うことはできませんことをご了承願います。また、カスタマイズ前に

  • Highslide JS-サムネール画像を拡大表示するスマートなjavascript - WEBデザイン BLOG

    サムネールをクリックすると同一ウィンドウ上に画像を表示するというjavascriptでLightbox JS・Lightbox が有名かと思います。以前からあまりスマートではないと思っていたら、スマートにしたタイプのHighslide JSが公開されていましたので紹介します。 Highslide JS-サムネールをクリックすると同一ウィンドウ上に画像を表示します。サムネイル画像をワンクリックで拡大画像表示、そして拡大画像をワンクリックでサムネイル画像に戻します。とってもスマートです。Lightbox JSよりも若干ストレスなく画像表示できます。 Highslide JS - JavaScript thumbnail viewer http://vikjavev.no/highslide/ IE 4.0・Netscape 4.79には対応していませんが、その他の最新ブラウザには対応しています

  • 1