lightGallery A lightweight, modular, JavaScript image and video lightbox gallery plugin. Available for React.js, Vue.js, Angular, and TypeScript. View on GitHub
lightGallery
lightGallery A lightweight, modular, JavaScript image and video lightbox gallery plugin. Available for React.js, Vue.js, Angular, and TypeScript. View on GitHub
[CSS3] 10 CSS3 Lightbox Alternatives - Lightboxに代わるModal表示
[CSS3] 10 CSS3 Lightbox Alternatives – Lightboxに代わるModal表示 Pocket Tweet Lightboxに代わるModal表示作例が10個紹介された記事。JSとCSS3を使った表示方法と、CSS3のみで実現したものが一緒に紹介されてます。Modal表示の事を「Lightbox」と言う人もたまにいるけど、そもそもLightboxって元々Prototypeを使った表現だったので（その後jQuery版も出ましたが）、今では使われる機会の少なくなったPrototypeから別のフレームワークに移行する必要もあり、そのためよく「Lightbox代替」とか言われるわけです。CSSだけでこういうのできるならその方が楽でイイですよね。 10 CSS3 Lightbox Alternatives
jQueryとVimeoのAPIでサムネイルを作成し、動画をLightbox風にポップアップさせる - かちびと.net
VimeoのAPIとjQueryを使用したサンプル。 軽量なコードでLightbox風にポップアップ させる、という方法。Vimeo自体日本では 全然使ってる方を見かけませんが、徐々に 浸透すると嬉しいですね。便利だし。とい うか、僕が知らないだけで結構使ってる 方もいるのかもｗ 仕事じゃなくて個人で使いそうなのでメモ的に。VimeoのAPIを使って、リンクするだけでサムネを表示させてクリックするとLightbox風に表示される動画ギャラリー、みたいなものを簡単なコードで実装します。 Vimeo Gallery こんな風にサムネイルがギャラリー的に表示されて こんな風にLightbox風にポップアップさせます。 以下サンプル。 Sample IE7以下にも手抜きハックで対応させました。もっとちゃんとやれば素敵になるんじゃないですかね。 コード $(window).load(function
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
