更新情報 - BannerSlide(スライドショウーバナーFlash簡単ジェネレーター)
バナーの大きさの上限を引き上げました。
- 横幅 640(旧)→ 1280(新)
- 高さ 480(新)→ 640(新)
トップページ上部などで細長く展開させたい場合に、横幅が640pxでは少し足りないことがあるようなので1280pxにしました。これで足りないことは無いんじゃないかと。
また、バナーからマウスカーソルが外れたタイミングでスクロールする動作を取りやめました。
クラブイベント告知「LINEAR vol.34」
- LINEAR(公式サイト)
2009年9月19日(土)13:00〜19:00 @ HEAVYSICK ZERO
W/F ¥2,000 - A/D ¥2,500 (ともに1Drink付)
- GUEST DJ
- spacetime (dropouters/SS|EX)
- GUEST LIVE
- Spelunker (Siestail)
- DJ
- 細江慎治 (sampling masters MEGA)
quad (luvtrax)
Masayoshi Minoshima (Alstroemeria Records)
tuvasa2001
Atsushi Ohara - VOCAL
- haru*nya & papico
- VJ
- KNOCKHEADZ
KAZUMiX & PePcoMiX (1st-impact)
qzna
coda (Antp) - 2nd FLOOR DJ
- The Disco Crusader
ozaky
off-beat
みさきち - ILLUSTRATOR
- 坂本みねぢ (没画絵巻)
- DESIGNER
- LiGHTEN
iPhoneのタッチスクリーンを再現するブックマークレット(脂)
指の脂の表現に特に力入れた。
javascript:(function(d,s){s=d.createElement('script');s.type='text/javascript';s.src='http://www.rr.iij4u.or.jp/~kazumix/d/javascript/dragScroller.js?'+(new Date).getTime();s.charset='UTF-8';d.body.appendChild(s);})(document)
※IEではこのはてなダイアリーを含め、一部のサイトで動作しません。とは言え今時のサイトならほとんど動きます。詳細後述。
ブラウザ対応状況(うちのPCで確認したもの)
問題無く動作するブラウザ
- Firefox 2.0, 3.0, 3.5
- Safari 4.0
- Google Chrome 2.0
- Opera 10.0
動作しないブラウザ
- IE6
FAQ
- リンクがクリックできません
- 仕様です。
IEで動作しない原因(技術情報)
このスクリプトは、タッチスクリーンをシミュレートするレイヤー(div)を最前面に固定配置します。そのレイヤーの配置にはCSSのposition
プロパティにfixed
を設定する必要がありますが、IE6はこのfixed
に対応していません。
IE7、IE8はposition:fixed;
に対応しています。ただし、表示するページが古い形式でマークアップされたHTMLの場合、後方互換モードでの動作となり、CSSの解釈がIE5.5相当になるため、この場合やはり対応できなくなります。(こいつのせいではてなダイアリー用のテーマ作りは普通より神経を使います)
ソースコードなど
Flash(AS3) + JavaScriptです。
指の脂の表現が一番大変でした。最初は公開されているkokuban.inのテクニックを参考にすれば簡単かなと思ったんですが、既にある汚れを拭いつつ汚す必要があるのと、背景が何色でも再現できるようにする必要があるため、結局まったく別物になりました。
- 指の脂 描画クラス
- Abura.as
- スクロール関連
- DragScroller.as (Flash側ドキュメントクラス)
dragScroller.js (JavaScript)
面白いだけで役に立たないUI
できたよー
javascript:(function(d,s){s=d.createElement('script');s.type='text/javascript';s.src='http://www.rr.iij4u.or.jp/~kazumix/d/javascript/unusable.js?'+(new Date).getTime();s.charset='UTF-8';d.body.appendChild(s);})(document)
- ソース
- unusable.js
公開!「BannerSlide - スライドショウーバナーFlash簡単ジェネレーター」
シンプルなスライドショウーFlash作成ツールです。作成したファイルは埋め込みサンプルHTMLと共にまとめてZIPでダウンロードできます。
仕組み
「さくせい!」クリック後、サーバーサイドで画像を指定サイズにリサイズし、Flash側が設定ファイルとして読みこむXMLファイルを出力しています。
このXMLファイルは自由に編集できますので、後からこのファイルを編集するだけで画像の差し替えやリンク先の設定変更もできます。
画像のリサイズについて
「きほん!」で設定した縦横幅より大きい、または小さい場合にリサイズします。同じだった場合は指定された画像がそのまま使われます。
PNGの透過情報などはリサイズ時に失われますので、透過情報を生かしたい場合は事前にサイズを調整しておく必要があります。
ダウンロードページについて
「さくせい!」後のダウンロードの有効期間は約1時間です。それを超えるとサーバーから削除されますのでその前にダウンロードしてください。
クラブイベント告知「LINEAR vol.33」 - ゲスト: 古代祐三, KPLECRAFT, Fumiaki Kobayashi, 三澤秋
- LINEAR(公式サイト)
2009年7月25日(土)13:00〜19:00 @ HEAVYSICK ZERO
W/F ¥2,500 - A/D ¥3,000 (ともに1Drink付)
- GUEST DJ
- 古代祐三 (Ancient)
- GUEST LIVE
- KPLECRAFT (Kuon Records)
Fumiaki Kobayashi (gatearray recordings) - GUEST VOCAL
- 三澤秋 (秋の空)
- DJ
- 細江慎治 (sampling masters MEGA)
Tsunamayo (Chromesphere Records)
tuvasa2001 - VOCAL
- haru*nya & Shiho & papico
- VJ
- KNOCKHEADZ
KAZUMiX & PePcoMiX (1st-impact)
12d - ILLUSTRATOR
- IsII (TOTAL CHAOS)
- DESIGNER
- 飛人 (KURUDEN)