[JS]動画をブラウザいっぱいや指定サイズに背景として配置できる超軽量スクリプト -CoverVid
.mp4, .webm などの動画をブラウザいっぱいやセクションの背景として配置できるjQueryの超軽量（800bytes）プラグインを紹介します。 デモページ 単に要素内の背景として表示しているため、デモのようにスクロールエフェクトと組み合わせることも簡単です。 CoverVidの使い方 Step 1: 外部ファイル 当スクリプトとjquery.jsを外部ファイルとして記述します。 <body> ... <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="covervid.min.js"></script> </body> Step 2: HTML 動画を背景として表示する親要素、もしくはラッパーを配置します。 <div class="
![[JS]動画をブラウザいっぱいや指定サイズに背景として配置できる超軽量スクリプト -CoverVid](https://cdn-ak-scissors.b.st-hatena.com/image/square/9110ae5aaacb7e18964553e948fdad1f627eb39c/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201404%2F2014111003.png)
プラグイン作りました。 jQuery スライドショー サムネイル自動生成 | ENDESIGN
jQueryのスライドショープラグインを作成したので公開します。 僕が作ったプラグインの特徴は前回のスライドショー 無限ループの考え方で 紹介した横幅いっぱいのスライドショーにサムネイルを自動で作って jQueryのスライドショープラグインを作成したので公開します。 僕が作ったプラグインの特徴は前回のスライドショー 無限ループの考え方で 紹介した横幅いっぱいのスライドショーにサムネイルを自動で作ってくれる 機能を追加、ナビゲーションを自分の好きなデザインに出来るです。 機能を全てONにした場合のサンプルを用意しました。 -デモ ダウンロードファイル一式はこちらからお願いします。 -ダウンロード 使い方 head タグ内で “EndesignSlide.js” を呼び出します。 jQueryプラグインなので jQuery の呼び出しも忘れずに。 まずスライド全体を包むボック
Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
jQueryを使って背景画像をフルスクリーン表示する方法｜BLACKFLAG
Webページの背景にブラウザ枠めいっぱいに画像をフルスクリーン表示で敷いているサイトを最近よく見かけますが、 jQueryを使って背景画像をフルスクリーン化するプラグインをいくつか紹介してみます。 まず、「maxImage Scaling Plugin」 ≫Demo > maxImage Scaling Plugin サイトからダウンロード出来るプラグインファイルとともに <style> img.bgmaximage {position:fixed !important;} </style> <img src="bg.jpg" class="bgmaximage" /> <script> $(function(){ jQuery('img.bgmaximage').maxImage({ isBackground: true, overflow: 'auto' }); }); </scrip
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
screw-axis.com
