タグ

ブックマーク / www.koikikukan.com (6)

  • 小粋空間: Highslide JS でサムネイル画像を拡大表示する

    サムネイル画像をクールに拡大表示する Highslide JS を利用する方法を紹介します。内容は Movable Type をサンプルにしていますが、他のブログ等でも応用できると思います。 WordPress ではプラグイン WPJ-Highslide 0.2 が利用できるみたいです。 とりあえず下記のサンプル画像をクリックしてください。拡大表示された画像の上でクリックすると元に戻ります。 拡大ツールでは、当サイトでも紹介している Lightbox JS が有名ですが、この Highslide JS は下記の特徴があります。 拡大画像の下にキャプション(タイトル)の挿入が可能 ウィンドウサイズに収まるように拡大(右下のアイコンをクリックすると 100% 表示) 拡大画像のドラッグが可能 以下、カスタマイズ方法です。ここではダウンロード時のバージョン 2.2.74.0.6 で話を進めます。

    TRICK7
    TRICK7 2007/01/18
    サムネイルが拡大されるような効果
  • Movable Type 国内スタイル・ライブラリ

    Six Apart のサイトで、Movable Type の新しいスタイル・ライブラリが公開されたとのニュースが出ていました。 シックス・アパート、ロフトワークと共同で国内初のスタイル・ライブラリを公開 6000人が登録するクリエイター・コミュニティを運営する制作代理店の株式会社ロフトワーク(代表取締役社長:諏訪光洋、東京都渋谷区、以下ロフトワーク)とブログ・ソフトウェア大手のシックス・アパート株式会社(代表取締役:関 信浩、東京都港区、以下シックス・アパート)は、共同で「Movable Type」のプラグイン「StyleCatcher(スタイルキャッチャー)」に対応した、スタイル・ライブラリを公開いたします。 ライブラリのURLは下記です。 ライブラリのURL: ライブラリの利用方法は以下の通りです(3.3以降の場合)。 管理メニューの[設定]-[プラグイン]で "Style Catch

    TRICK7
    TRICK7 2006/09/24
    MovableType StyleCatcher用国内テンプレートの設定方法
  • 「究極のマウスパッド」エアーパッドプロIII・エアーパッドソール

    随分以前から気に入って使っているマウスパッドを改めて紹介したいと思います。下記はブログを始める前にホームページに書いていた記事をリファクタリングしたものです。 秋葉原のとある電気屋でマウスコーナーを見ていた時、様々なマウスのサンプルと一緒に、薄黒い色のマウスパッドが敷かれていたのが出会いのきっかけです。 そのパッドには「究極のマウスパッド」というステッカーが張られており、試しにその上で横に置いてあったマウスを乗せて動かしてみると、妙にマウスが気持ち良く動き、それが大変気に入りました。 もともとマウスを買いに行ったのですが、そのマウスパッドが気に入ってしまった私は即座にマウスパッド売り場に移動。数多く並べられているマウスパッドの中から「究極のマウスパッド」という大胆なラベルが貼られた商品をみつけました。 パッケージの説明には シリコンゴム製 テフロン加工と同等の表面滑性 倍のスピード感覚 汚

    「究極のマウスパッド」エアーパッドプロIII・エアーパッドソール
  • Lightbox JS でブログパーツ等の Flash を PNG 背景画像の下に隠す

    サムネール画像から拡大画像をポップアップさせずにスマートに表示する Lightbox JS、以前当サイトでもLightbox JS で画像を表示するをエントリー致しましたが、ブログに設置している Flash(こうさぎ等)については拡大画像表示時に PNG 背景画像(overlay.png)の下に隠れないという問題があります。 Flash は門外漢なのですが、テンプレートご利用サイトの Atelier Shuhei Weblog さんより解消するための情報(下記リンク参照)を頂きました。ありがとうございました。 またこの件に関して他の方からもご質問を頂いておりますので、エントリーにて紹介させて頂きます。カスタマイズを行うことで、スクリーンショットのように拡大画像を表示した際、ブログツールを背景画像の下に隠すことができます。 Atelier Shuhei Weblog:隣の花は紅い Sit

    TRICK7
    TRICK7 2006/06/19
    FlashとLightbox.jsが両立できない問題を解決。
  • 小粋空間: Movable Type プラグイン一覧

    Movable Type 日語環境でよく利用されていると思われる MovableType プラグインの一覧です。 海外サイトについては Googleで「Movable プラグイン」で検索した結果より、国内サイトは私が把握しているプラグイン作成者のサイトと Google 検索結果から抽出しています。Movable Type Plugins Directory からの抽出は行っていません。 また国内サイトのプラグインの概要は、配布サイトに掲載されている文言を引用させて頂いてます。 2010.05.01 MT5版のプラグイン一覧を公開しました。 2007.09.10 MT4版のプラグイン一覧を公開しました。エントリーでのMT4版のプラグイン情報追加は終了します。 注意事項 プラグインに関するコメント等の主観的要素は含まないようにしています。プラグインの適用についてはご自身の判断で行ってくださ

    小粋空間: Movable Type プラグイン一覧
  • 小粋空間: 新着エントリーのあるカテゴリーに New マークをつける

    「最近のエントリー」の新着エントリーやカテゴリーリスト・サブカテゴリーリストで新着エントリーのあるカテゴリーに「New!!」というテキストや画像を表示するカスタマイズです(スクリーンショットはサブカテゴリーリストの完成イメージ)。 「エントリー投稿後×時間以内」という指定により任意のテキストまたは画像を指定したリストに表示することができます。JavaScript で書きましたのでテンプレートにタグを追加するだけで動作します。また JavaScript OFF の場合は何も表示されないようにしています。Windows2000/XPのIE6.0・Firefox1.0・Opera8.0で動作確認しています。 動作はエントリー(カテゴリーリストは最新1件)の投稿時間をコメントタグで予め埋め込んでおき、CSSで非表示にします。そして JavaScript でその投稿時間を取得し、現在時刻との差を計算

    小粋空間: 新着エントリーのあるカテゴリーに New マークをつける
  • 1