キャンバスベースの画像シーケンス再生用の imgplay-jQuery プラグイン

黄舟
リリース: 2017-01-19 13:51:58
オリジナル
1937 人が閲覧しました

簡単なチュートリアル

imgplay は、HTML5 キャンバスに基づいて画像シーケンスを再生するための jQuery プラグインです。このプラグインを使用すると、一連の写真を順番に再生したり、一時停止、早送り、巻き戻ししたり、全画面モードで写真を表示したりすることができます。

使い方

このプラグインを使用するには、jquery.imgplay.css ファイルと jQuery および jquery.imgplay.js ファイルをページに導入する必要があります。

  
ログイン後にコピー

HTML 構造

この画像プレーヤー プラグインの HTML 構造は非常に単純です。

コンテナーを使用して画像要素のグループをラップします。画像には src 属性または data-src 属性を使用できます。

ログイン後にコピー

初期化プラグイン

ページ DOM 要素がロードされた後、imgplay() メソッドを通じて画像再生プラグインを初期化できます。

$(document).ready(function(){ $('#imageplayer').imgplay(); });
ログイン後にコピー

設定パラメータ

画像プレーヤー プラグインには 3 つの設定パラメータがあります:

  • name: 画像プレーヤーの名前、デフォルトは「imgplay」です。

  • rate: 値が大きいほど、画像の再生速度が速くなります。最大値は 100、最小値は 0.001 です。

  • controls: コントロールボタンを表示するかどうか。

上記は imgplay-canvas ベースの画像シーケンス再生 jQuery プラグインの内容です。その他の関連コンテンツについては、PHP 中国語 Web サイト (m.sbmmt.com) をご覧ください。


関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!