カジノダイス

ホームページのサムネイル画像を生成

ホームページのサムネイル画像を自動的に生成する方法をメモ。

いくつかあるようですが、SimpleAPIが一番簡単そうです。

SimpleAPI – ウェブサイト・サムネイル化ツール

アドレスを入れて、[サムネイルを作成]ボタンを押すだけ。
できたソースを貼り付けるだけで、数時間後には勝手にできてます。

ソースを直接書いてもよぃ。

<img src="http://img.simpleapi.net/small/http://サイトのURL/"
alt="" width="128" height="128" hspace="4" vspace="4" align="left" border="0">

便利だが画像サイズが128pxで固定で作成されてしまうし、ドメインで共通サムネイルとなる。

これを解決するもっと便利なサイトがwebshotspro。

WebShotsPro.com

このサイトだと作成された画面でサイズ選択できるが、画像を保存する形。
直接画像を呼び出す方法は 100×75 でやはり固定。。。

だが、パラメータつきの動的ページも別々に作成できるのがよぃ。

追記:上記で上手く生成されなかったので、最近は下記を使用。
http://mozshot.nemui.org/

==PR==
テレビ,家具調テレビ,ブラウン管テレビ メモ帳,付箋紙,ポストイット 紅茶,レモンティー ドル札 緑,植物,グリーン,葉,葉っぱ, ソーラーパネル,太陽光パネル ベンチ,椅子 緑,植物,グリーン,葉,葉っぱ, 表札,プレート メモ帳,カレンダー タグ,札 立体物 リボン,ラッピング 封筒,手紙,カード,クリップ さいころ,サイコロ,ダイス ダンボール,箱,ダンボール箱 楽譜,楽譜立て,楽譜スタンド 紙袋,手提げ,ショッピングバッグ カジノダイス

shadowbox.js

これまでajaxでLightboxを使用していましたが、画像の表示のみでした。

弊社サイトの携帯FLASHゲームの実績紹介ページ用にLightbox風にswfを表示できないかと検索してみました。

世の中便利ですね。
ありました。

「shadowbox.js」

最新バージョンは3.0。
「shadowbox.js」はPrototype、jQueryなど、複数のJavaScriptのライブラリに対応した、swfや動画などを拡大表示できるスクリプトです。

「shadowbox.js」ダウンロード

使い方は至って簡単。
バージョン3.0になって更に簡単に使えるようになった感じです。

shadowbox.js と shadowbox.css を参照して
Aタグに rel=”shadowbox” を追記するだけ。

携帯用画面もshadowboxで見せようとhtmlの表示を試みるがうまくいかない。
よくオプションの解説を見てみると

players: [“html”]

ではなく

players: [“iframe”]

でした!。うっかりうっかり。

◆併用できるJavaScriptのライブラリ

◆対応ブラウザ

  • Internet Explorer 6+
  • Firefox 1.5+
  • Opera 9+
  • Safari 2+
  • Camino

◆対応メディア

  • 画像(PNG, JPEG, GIF)
  • 動画(FLV, QuickTime, Window Media Player)
  • ウェブページ

◆オプション変更

  • ローディング画像の変更
  • フラッシュビデオプレイヤー
  • 背景色
  • 透過度
  • 枠線の形状・色
  • サイズ
  • キーボード操作

etc…

詳しくは「shadowbox.js」のサイトで。

==PR==
印鑑,STOP 地図,世界地図 ペン ハウス,家,レンガ 工具,クレーン ビリヤード ボウリング,ピン ゴルフ,ゴルフクラブ アメリカンフットボール,ヘルメット 爆弾,時限爆弾 ジクソーパズル,ピース ゴルフカート 絞首台,死刑台 男子用便器,トイレ 黒板,ボード カジノダイス テニスコート 音符 リボン,ラッピング 椅子,チェアー