BooksホームWebデザインjQueryjQueryとVimeoのAPIでサムネイルを作成し、動画をLightbox風にポップアップさせるAdsjQuery2011.12.12VimeoのAPIとjQueryを使用したサンプル。軽量なコードでLightbox風にポップアップさせる、という方法。Vimeo自体日本では全然使ってる方を見かけませんが、徐々に浸透すると嬉しいですね。いうか、僕が知らないだけで結構使ってる方もいるのかもw仕事じゃなくて個人で使いそうなのでメモ的に。VimeoのAPIを使って、リンクするだけでサムネを表示させてクリックするとLightbox風に表示される動画ギャラリー、みたいなものを簡単なコードで実装します。Galleryこんな風にサムネイルがギャラリー的に表示されてこんな風にLightbox風にポップアップさせます。SampleIE7以下にも手抜きハックで対応させました。やれば素敵になるんじゃないですかね。});}());});あとはCSSでレイアウト作るだけ。マークアップは基本的にリンクするだけです。rel="lightbox"><span>Play</span></a></div>この繰り返しです。リンクがあって、rel属性が無い、という場合は$(“a[rel=’lightbox’]”)という属性フィルタをclassに変えてこの属性フィルタより前にaddClass()してあげればいいんじゃないでしょうか。[note]※追記:無責任だったのでrelが無い場合の処置を書いておきました。editor.jsfiddle.net[/note]APIはここで確認できます。コードは以下を参照しました。E...jQuery通知メッセージを実装する為のシンプルなjQueryプラグイン・notifIt!シンプルで使いやすそうだったので備忘録。デザインにも拘りを持っています。"http://kachibito.net/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shCore.js-end");/*]]>*/タイトルとURLをコピーしました。