Home > 200805
200805
Shadowbox応用:動画に実装させる
- 2008-05-30 (Fri)
- IT Tips
- Tips
- JavaScript
- CSS
- Shadowbox
Category :
Tags :
Shadowboxはサムネイル画像のオーバーレイ表示だけではなく、動画(YouTube/Flashなど)やWebページも実現可能なのです。そこで、今回はYoutubeを使って動画に適用させる手法を紹介したいと思います。
サンプルは以下の通りです。
※音声もでるので、ご注意ください。
世田谷花火大会
記述方法は、Youtubeに掲載されている動画の「埋め込み」部分に記載されているタグに着目します。
上記、赤文字部分を以下のように入れることで、Shadowboxに適用させることができます。
サンプルは以下の通りです。
※音声もでるので、ご注意ください。
世田谷花火大会
記述方法は、Youtubeに掲載されている動画の「埋め込み」部分に記載されているタグに着目します。
<object width="425" height="355">※本来のタグは、改行されていません
<param name="movie" value="http://www.youtube.com/v/e0VKw1rhb_M&hl=ja"></param>
<param name="wmode" value="transparent"></param>
<embed src="http://www.youtube.com/v/e0VKw1rhb_M&hl=ja" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed>
</object>
上記、赤文字部分を以下のように入れることで、Shadowboxに適用させることができます。
<a href="http://www.youtube.com/v/e0VKw1rhb_M" rel="shadowbox;width=425;height=355" title="世田谷花火大会" >世田谷花火大会</a>まとめてみると、あまり画像と変わりありませんでした。アンカータグ内にrel属性を加えて動画URLを貼り付けておくだけで基本は実装できそうです。
Office2003・Office2007の共存方法

Office2003とOffice2007環境でソフトウェアの検証や、顧客へのサポート(エラー再現チェックやスクリーンショット撮影など)を、PC1台で行いたかったため、共存することにしました。結果は、上記画像の通りです。
方法は比較的に簡単でした。もっと大変なのかと思ってました。しかし、Office系のソフトインストール・アンインストールなどのセットアップは相変わらず時間がかかりました。
手順は以下の通り。
※環境は、Windows XP Professional SP3 / Office なしの状態からです
1.Office2007をインストール
2.セットアップ時、ユーザ設定を選択しすべてのアプリケーションを有効に
完了後、以下のような構成ができるかと思います3.Office2003用のディレクトリをあらかじめ作成しておく
C:\Program Files\Microsoft Office
私は以下のようなディレクトリにしました4.Office2003をインストール
C:\Program Files\Microsoft Office2003
5.セットアップ時、作成先をデフォルトではなく参照(3で作成した)から選ぶ
私の環境ではこれで終了しました。ただし、Officeファイルをそのままダブルクリックで開くと、Office2007の方が優先になってしまうので、Office2003(Excel2003/Word2003など)を起動した後に、ファイル選択で該当ファイルを開くなど、適当に工夫しています。
あと、Outlookは共存できないみたい(しておくと起動できない)なので、Outlook2003をコントロールパネルからOfficeを選び、機能の追加・削除で消しました。
DExposE2:Macのようなタスクスイッチソフト
DExposE2

今日はタスクスイッチがMac OSXのようにカッコ良くできるフリーソフトを紹介します。タスクスイッチとは、Windows標準機能の「Alt」+「Tab」でできるタスクバーにあるウィンドウ(アプリケーション)を順番に選択してアクティブ(前面に出す)にすることです。
このソフトをインストールすると、タスクトレイに駐屯され、「F9」か「F10」を押すことで画面が薄暗くなり添付画像のように起動中のアプリケーションがサムネイル化して自由に選択できるクールかつ便利なソフト。Windowsだと、ひとつひとつ順番に選択するので面倒な場合があります。
実装手順は以下の通り。
1.deviantart:DExposE2へアクセス
2.Downloadをクリック
3.ダウンロードしたファイル(.exe)を実行
4.インストール
ちょっと気になったのは、文字入力中に半角英数などに切り替える際に良くF10を押すのですが、そこで良くタスクスイッチ起動してしまいます・・・。タスクに駐屯しているアイコン右クリックから有効/無効を切り替えれますがつい忘れて。(Resume/Suspend)
FYI:以下サイトでも詳細を紹介しているので是非
.Fav(blog)|WindowsでExpose - DExposE2
ARCHさん、私好みのソフトを教えてくれてどうもです。

今日はタスクスイッチがMac OSXのようにカッコ良くできるフリーソフトを紹介します。タスクスイッチとは、Windows標準機能の「Alt」+「Tab」でできるタスクバーにあるウィンドウ(アプリケーション)を順番に選択してアクティブ(前面に出す)にすることです。
このソフトをインストールすると、タスクトレイに駐屯され、「F9」か「F10」を押すことで画面が薄暗くなり添付画像のように起動中のアプリケーションがサムネイル化して自由に選択できるクールかつ便利なソフト。Windowsだと、ひとつひとつ順番に選択するので面倒な場合があります。
実装手順は以下の通り。
1.deviantart:DExposE2へアクセス
2.Downloadをクリック
3.ダウンロードしたファイル(.exe)を実行
4.インストール
ちょっと気になったのは、文字入力中に半角英数などに切り替える際に良くF10を押すのですが、そこで良くタスクスイッチ起動してしまいます・・・。タスクに駐屯しているアイコン右クリックから有効/無効を切り替えれますがつい忘れて。(Resume/Suspend)
FYI:以下サイトでも詳細を紹介しているので是非
.Fav(blog)|WindowsでExpose - DExposE2
ARCHさん、私好みのソフトを教えてくれてどうもです。
Home > 200805
- Recent Comments
-
- とりもち:綺麗な風景壁紙 vol2 (06/12)
- TomomiX:綺麗な風景壁紙 vol2 (06/12)
- とりもち:綺麗な風景壁紙 vol2 (06/11)
- TomomiX:Greybox実装手順 (05/28)
- aco_oca:Greybox実装手順 (05/28)
- aco_oca:Greybox実装手順 (05/28)
- TomomiX:Office2003・Office2007の共存方法 (05/27)
- エ:Office2003・Office2007の共存方法 (05/26)
- TomomiX:Shadowbox応用:Webページに実装させる (05/15)
- ハムネコ:Shadowbox応用:Webページに実装させる (05/14)
- Recent Trackback
- Feeds
