bl6.jpホームニュースレビューお出かけアプリウェブサイトMacカメラレタッチTips雑記bl6.jpファッション、写真、旅行、ガジェットなどの備忘録menuホームJavaScriptYouTubeのサムネイル画像をアニメーション表示してくれる「PreViewTube.js」JavaScript2015.05.19YouTubeのサムネイル画像をアニメーション表示してくれる「PreViewTube.js」PreViewTube.jsはYouTubeにある動画のサムネイル画像をアニメーション付きで表示させることができるjQueryプラグインです。動画を見るか見ないかを決める際のちょっとした判断材料として活用できますね。PreViewTube.js以下はPreViewTube.jsの実際のデモになります。デモデフォルトではサムネイル画像にマウスオーバーするとアニメーションが開始されます。連続した画像が一定の間隔で切り替わっていくので、ザックリとどういった内容なのかを確認するにはピッタリですね。オプション項目のmodeをconstantに設定すると常時アニメーションが流れるようになります。スピード(間隔)を調節したい場合はintervalに任意の数値を指定すればOKです。以下はmodeをconstant、intervalを500に設定した時の使い方です。'constant'});jQuery本体とPreViewTube.jsは予め読み込んでおく必要があります。あとはYouTubeのサムネイルを記述するだけで簡単に表示させることができます。ダウンロードや詳しい使い方に関しては以下のページからチェックできるので、気になる方は是非ためしてみてはいかがでしょうか。Galleryは縦スクロールによるかっこい...検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.20いつもの音楽をハイレゾ級で。ソニーの完全ワイヤレス...ソニーからハイレゾ級高音質と優れた接続性を備えた小型・軽量の完全ワイヤレスイヤホ...2020.02.19三色ボールペンの青と緑を「黒」に変えるいつも仕事で使っているジェットストリームの三色ボールペン(+シャーペン付き)。こ...2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。