mooSlide - ajax based slider - lightbox replacement The mooSlideBox v3 is a small and slim ajax based extension or replacement of the common "lightbox" that can be found on nearly every page. This lightbox clone works in IE 6/7, Opera and Firefox. クリック後の説明文を凄くオシャレに表示できる「mooSlide」。 LightBoxの一種になると思うのですが、表示の仕方がかなりオシャレなmooSlide。 クリックしたところ、ページ下部からブロックがアニメーションして説明が表示されます。 仕組みはLightBoxでも、みせ方次第でこれだけ印象って変

PdfMeNotは、PDFファイルをFlashで閲覧できるようにswfに自動変換するオンラインサービスです。 PdfMeNot 変換できるPDFファイルは、ローカル・インターネット上ともに対応しています。 下記は、当サイトで配布した「WordPressのテーマのファイル構成」のPDFファイルをPdfMeNotでFlashに変換したものです。 {{insert_meta PdfMeNot1}} PdfMeNotの利用には登録は必要ありません。 PDFファイルをFlashに変換する際、上記の「ページの埋めこみコード生成」を含めて、下記の方法があります。 Tools -PdfMeNot Link生成

Pure CSS LightBoxは、Lightbox風エフェクトに加え、画像拡大までもCSSのみで実装するスタイルシートです。 Pure CSS LightBox 以前、紹介した「Lightbox風エフェクトをCSSで実装する方法」では、Lightbox風エフェクトとしてページ全体をフェードイン・アウトされるものでした。 Pure CSS LightBoxは、更に画像拡大も実装しています。 スクリプトは使用してないため、拡大時のモーションはありませんが、さくさく動作します。 画像のマウスオーバー時に、虫眼鏡になるともっといいかもしれません。

iPaperは、PDFやワード・パワーポイント・エクセルなどのオフィスファイルをFlashに自動変換するオンラインサービスです。 iPaper iPaperで変換したPDFやオフィスファイルは拡大・縮小が可能で、さまざまなオプションも備えています。 下記は、当サイトで配布した「WordPressのテーマのファイル構成」のエクセルファイルをiPaperでFlashに変換したものです。 ※初回の読み込みは時間がかかりますが、2回目以降は早いです。 {{insert_meta iPaper2}} iPaperの特徴として、下記があります。 Flashのプラグインがあれば、閲覧が可能。 PDFやオフィス関連のアプリケーションは不要。 ファイルのダウンロードは、不可。 サイトに配置が可能。 作成が、フリー。 安全に配布が可能。 ウィルスが入ったりしない。 iPaperへの登録方法 iPaperを利用

MT4.1にシステムバージョンアップして、最初に行ったカスタマイズが、Highslide JS - JavaScript thumbnail viewerのタグを自動で生成できるようにすることでした。ファイルアップロード・ポップアップウインドウ用のファイル生成するためのファイルを探すのに時間がかかりましたが、以前よりもスクリプトがわかりやすく書かれていたのですぐにカスタマイズできました。 今回は、Highslide JS用のコードをMT4.1のファイルアップロード＞ファイルオプション＞[アップロードしたファイルを使ってブログ記事を書く]にチェックをつけた時に、自動で生成されるようにするカスタマイズを紹介します（一応ここ2週間ほど使っていますが、問題なく使えていますので紹介記事としてエントリーアップ）。 ※尚、このカスタマイズを行って正しく動作するためには、「WYSIWYGのフォーマット設定

PHPでの画像のリサイズ、切り抜きが自由自在「class.image.php」 2008年02月21日- Icebeat | class.image PHPでの画像のリサイズ、切り抜きが自由自在「class.image.php」 class.image.php を使えば、分かりやすいコードで、簡単に画像のリサイズ、切抜きが可能です。 例えば、3行で、画像のサムネイルが作れてしまいます。 まずは、画像を幅200pxでリサイズ＆保存のコード $thumb = new Image('image.jpg'); $thumb->width(200); $thumb->save(); そして、画像を50%のサイズにリサイズのコード $thumb = new Image('image.jpg'); $thumb->resize(50); $thumb->save(); そして、左0px、上30pxの位置