タグ

JavaScriptとmovabletypeに関するshowryのブックマーク (3)

  • Movable Type 4 の透過 PNG ロゴを IE6 以下のブラウザで透過する

    デフォルトテンプレートで新しく表示されている Movable Type 4 のロゴは透過PNGのため、IE6以下のブラウザでは透過されず、2色で表示されてしまいます(下)。 ここでは pngfix.js を利用して透過する方法を紹介します。 PNG in Windows IE: How To Use 他にも透過PNGライブラリは色々出回ってます。 AlphaLoader - Public Amachang to-R:アルファ画像を扱うalphafilter.jsライブラリ ユンサンの/융상의/YungSang's:透過PNG と IE と IE7 1.スクリプトのダウンロード・アップロード PNG in Windows IE: How To Use の中間辺りにある pngfix.js のリンクをクリックして、pngfix.js をダウンロード。 ダウンロードした pngfix.js をサ

    Movable Type 4 の透過 PNG ロゴを IE6 以下のブラウザで透過する
  • 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