Amazing Slider | jQueryスライドショー, WordPressスライダー, jQueryビデオギャラリー
Amazing Sliderã¯ç´ 晴らã—ã„変æ›åŠ¹æžœãŒã¤ã„ã¦ãã¾ã™: フェードã€ã‚¯ãƒã‚¹ãƒ•ã‚§ãƒ¼ãƒ‰ã€ã‚¹ãƒ©ã‚¤ãƒ‰ã€ã‚¹ãƒ©ã‚¤ã‚¹ã€ãƒ–ラインドã€ï¼“Dã€ï¼“Dåž‚ç›´ã€ãƒ–ãƒãƒƒã‚¯ã€ã‚·ãƒ£ãƒƒãƒ•ãƒ«ã€‚å„効果ã¯ã‚ãªãŸã®ç‹¬è‡ªã®ãƒ‹ãƒ¼ã‚ºã«åˆã‚ã›ã¦è©³ç´°ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã¾ã™ã€‚プレè¨å®šã§é«˜åº¦ã«è¨å®šå¯èƒ½ãªã‚¹ã‚ンã§ã‚ãªãŸã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’プãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«ã«ã¾ãŸãƒ¦ãƒ‹ãƒ¼ã‚¯ã«è¦‹ã›ã¦ãã‚Œã¾ã™ã€‚
プラグインを使用ã—ã¦YOUTUBEã®å‹•ç”»ã‚’ブラウザã®èƒŒæ™¯å…¨ä½“ã«å†ç”Ÿã•ã›ã‚‹ - MdN Design Interactive
第1回 tubularプラグインを使用ã—㦠YOUTUBEã®å‹•ç”»ã‚’ブラウザã®èƒŒæ™¯å…¨ä½“ã«å†ç”Ÿã•ã›ã‚‹ YouTubeã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ãŸå‹•ç”»ã‚’ブラウザã®èƒŒæ™¯å…¨ä½“ã«è¡¨ç¤ºã•ã›ã¦ã‚¤ãƒ³ãƒ‘クトã®ã‚るページをtubularプラグインを使用ã—ã¦ä½œæˆã—ã¾ã—ãŸã€‚ã¾ãŸä»Šå›žã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§é–²è¦§ã®å ´åˆã«ã¯é€šå¸¸ã®å‹•ç”»ã¨ã—ã¦è¦‹ã‚Œã‚‹ã‚ˆã†ã«å¯¾å¿œã—ã¾ã—ãŸã€‚背景ã«å‹•ç”»ã‚’æµã—ãŸã„å ´åˆã«ãŠã™ã™ã‚ã®ã‚µãƒ³ãƒ—ルã§ã™ã€‚ 解説：（有）ムーニーワークス　ãƒãƒ¤ã‚·ãƒ¦ã‚¿ã‚« 最近Webサイトã§ãƒ–ラウザã®èƒŒæ™¯å…¨ä½“ã«å‹•ç”»ã‚’é…ç½®ã—ã¦ã‚¤ãƒ³ãƒ‘クトã®ã‚るサイトを見るã“ã¨ãŒã‚ã‚Šã¾ã—ãŸã®ã§2回ã«åˆ†ã‘ã¦ã€YouTubeã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ãŸå‹•ç”»ã‚„自分ã®ã‚µãƒ¼ãƒãƒ¼ä¸Šã®å‹•ç”»ã‚’videoè¦ç´ を使用ã—ã¦é…ç½®ã™ã‚‹ã‚µãƒ³ãƒ—ルを作æˆã—ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚今回ã¯ãã®å‰åŠã®1回目ã§ã™ã€‚ ã¾ãšåˆå›žã¯YouTube動画を背景ã«è¡¨ç¤ºã•ã›ã‚‹jQueryã®ã€Œtubularã€ãƒ—ラグインを使用ã—ã¦ã‚¤ãƒ³ãƒ‘クトã®
Youtube動画をページ背景ã«ã™ã‚‹jQueryプラグイン「tubularã€:phpspot開発日誌
tubular, a YouTube Background Player jQuery Plugin | Sean McCambridge Design Youtube動画をページ背景ã«ã™ã‚‹jQueryプラグイン「tubular〠ã“ã‚“ãªã“ã¨ãŒå‡ºæ¥ã¡ã‚ƒã†ã®ã‹ã¨ã„ã†æ„Ÿã˜ã§ã™ãŒã€ãƒšãƒ¼ã‚¸èƒŒæ™¯å…¨ä½“ã‚’Youtubeå‹•ç”»ã«ã§ãã¾ã™ã€‚ 実装ã¯ã€$('body').tubular('_VKW_M_uVjw','wrapper'); ã®ã‚ˆã†ã«ã€tubular ã«videoIDã®å¼•æ•°ã¨ãƒ©ãƒƒãƒ‘ーã®IDを渡ã›ã°OK。 背景をクリックã§å‹•ç”»ã«ã¨ã‚“ã˜ã‚ƒã„ã¾ã™ãŒã€ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã—ã¦ã‚‚らã£ã¦ã‚‹ã‚ã‘ãªã®ã§ã—ょã†ãŒãªã„ã§ã™ã。 ã‚³ãƒ³ãƒ†ãƒ³ãƒ„é ˜åŸŸã¯å•é¡Œãªãクリックã§ãã‚‹ã¨ã“ã‚ãŒãƒŠã‚¤ã‚¹ã§ã™ã€‚ 関連エントリ é¢ç™½ã„テã‚ストアニメーションãŒä½œã‚Œã‚‹jQueryプラグイン「textualizer〠時間ã®å…¥åŠ›ã‚’楽ã«ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹jQuer
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}