画像やHTML、動画等何でもスライドできちゃウィジェット実装jQueryプラグイン「Sudo Slider」:phpspot開発日誌
画像やHTML、動画等何でもスライドできちゃウィジェット実装jQueryプラグイン「Sudo Slider」 2010年07月26日- Sudo Slider jQuery Plugin Demo#1 画像やHTML、動画等何でもスライドできちゃウィジェット実装jQueryプラグイン「Sudo Slider」。 簡単な定義でなんでもスライダーとして動作させちゃうことが出来ます。 <div>の中に<ul>リストで<li>内にコンテンツを並べるだけであとは順次スライドしてくれるようです。 あとはAjaxによるコンテンツ読み込みにも対応してるみたい 以下にサンプルをご紹介。 シンプルな画像スライダー ページ送りを追加した例 ページ送りは番号だけじゃなくて特定文字列の定義も可能 タブっぽいUIにすることも可能。コンテンツの高さは自動でアニメーションしながら調節されるようにしたりもできる 他にも色々
ke-tai.org > Blog Archive > ブックレビュー：ケータイHTML ポケットリファレンス
ブックレビュー：ケータイHTML ポケットリファレンス Tweet 2010/7/23 金曜日 matsui Posted in ブックレビュー | No Comments » ケータイ関連の書籍を購入しましたので、ブックレビューを書かせていただこうと思います。 → amazon ケータイHTML ポケットリファレンス [amazon.co.jp] 本書「ケータイHTML ポケットリファレンス」は、2010年5月に発売されたばかりの書籍です。 その名の通り、ケータイHTMLのリファレンスとなっており、目的や用語、タグなどのキーワードを元に辞書的に使える本です。 このポケットリファレンスは、他にも多くのシリーズが出版されており、よく目にしますね。 詳細な目次はこちらのページにあります。 → 技術評論社 書籍案内：ケータイHTMLポケットリファレンス [gihyo.jp] さすが出たばかりの本
Ajaxで動画をポップアップ｜ウェブユーザビリティ向上を支援するWebsite Usability Info
先に公開したコラム記事「Ajaxによる画像の拡大」で、画像拡大のAjaxポップアップの例として、Highslide JSというライブラリーを使用しました。今回は、このHighslide JSを用いて、動画のポップアップ表示について触れたいと思います。 Highslide JSは個人的にオススメのライブラリーですが、数あるポップアップ用ライブラリー（いわゆる「Lightbox系」と呼ばれているもの）の中では、以下の点で秀逸だからです。 開いたポップアップをドラッグで自由に移動できる。 複数のポップアップを同時に開くことができる。 ポップアップを開いた状態で、背景にあるコンテンツ本文側を操作できる。 キーボード操作によって基本操作（ポップアップを開く/閉じる、など）ができる。 そこで今回はAjaxポップアップの応用例として、このHighslide JSを使って、YouTube上にある動画を扱っ
なんでもイケるlightwindow.js | バシャログ。
ぼちぼち食傷気味のJavaScriptライブラリ「～boxもの」ですが、このLightWindowは画像もiframeもflashも、なんなら動画やpdfまでも簡単に表示できてしまう、なんとも自由度の高いシロモノです。 デモ画面 設置方法も一連のLightBoxたちと同じで、jsファイル（prototype.js、effects.js、lightWindow.js）とcssファイル（lightWindow.css）を読み込んだら、後は<a>タグに属性を指定するだけです。 サンプルはこんな感じ 動作も軽く、全体的に扱いやすいです。
PDFやFLV・SWF・画像にも対応したLightBoxクローン「Bumpbox」:phpspot開発日誌
Bumpbox - lightbox alternative - support for flv,swf,images, html and pdf PDFやFLV・SWF・画像にも対応したLightBoxクローン「Bumpbox」。 様々なファイルフォーマットに対応したLightBoxは色々とありますが、Bumpboxもその多彩なフォーマット対応をしたLightBoxのようです。 ＰＤＦを開いた例 FLVビデオを再生している例 表示する時のアニメーションもいい感じです。 関連エントリ クールにデザインされた多機能LightBox「ColorBox」 JavaScriptなしに動作するLightbox「Futurebox」 学習にも使えそうな、PHPとLightBoxを使ったシンプル画像ギャラリープログラム
JSでモーダルウィンドウを実装する方法20+ – creamu
「DESIGN LABEL」で、JSでモーダルウィンドウやダイアログボックスを実装する方法がたくさん紹介されています。 ざっといくつかご紹介。 » Prototype Window prototypeフレームワークをベースにしたjavascript » Simple Modal いろいろなタイプのモーダルダイアログボックスを作るjQueryベースのプラグイン » Moodalbox Ajaxで外部コンテンツを表示する。mootoolsを使用 » jqModal マルチモーダルダイアログ（モーダルの中にモーダル）が可能なjQueryプラグイン » Lightwindow pdf、flash、QuickTimeなどのファイルをJSダイアログボックスで開ける » Facebox 画像やdiv、ページ全体を表示するためのFacebookスタイルのlightbox クールなインターフェースが揃ってい
クールにデザインされた多機能LightBox「ColorBox」:phpspot開発日誌
ColorBox - customizable lightbox plugin for jQuery クールにデザインされた多機能LightBox「ColorBox」 もう成熟してきたこの分野ですが、ColorBoxはなかなか多機能かつクールなようなのでご紹介。 単一の写真表示 写真をグループ化してページ送り機能 AjaxでHTML取得 インラインＨＴＭＬも可能 ビデオ埋め込み IFRAMEで外部ページの埋め込み 機能も勿論多機能でいいのですが、デザインが色々と選べるところがいいです。 以下、３つのテーマが基本テーマ以外に用意されているみたいです。 シンプル調 Apple風(?) シンプル調2 カスタマイズして簡単にデザイン変更もできそうです。 jQueryプラグインで、MITライセンスとのこと。 関連エントリ カスタマイズできる多機能LightBox「Lightview」 表示法が新しく
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]画像だけでなく動画やHTMLコンテンツを拡大表示するスクリプト -Clearbox
algoritmi.jp
http://www.seo-maniax.com/high-rank/wmv-ie-mozilla.php
https://www.openvista.jp/archives/note/2007/youtube-embeded-code-makes-valid/?2007/youtube-embeded-code-makes-valid/