紹介済ã¿ã‹ã‚‰æœªç´¹ä»‹ã®ã‚‚ã®ã¾ã§ã€jQueryã®ãƒ—ラグイン34é¸ã§ã™ã€‚ YoxView ç”»åƒã‚’スタイリッシュã«æ‹¡å¤§è¡¨ç¤ºã™ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã€‚ Roundabout Shapes 複数ã®ã‚ªãƒ–ジェクトをã•ã¾ã–ã¾
[JS]jQueryã®ãƒ—ラグイン33+1é¸ -2010å¹´3・4月
紹介済ã¿ã‹ã‚‰æœªç´¹ä»‹ã®ã‚‚ã®ã¾ã§ã€jQueryã®ãƒ—ラグイン34é¸ã§ã™ã€‚ YoxView ç”»åƒã‚’スタイリッシュã«æ‹¡å¤§è¡¨ç¤ºã™ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã€‚ Roundabout Shapes 複数ã®ã‚ªãƒ–ジェクトをã•ã¾ã–ã¾
[JS]jQueryã®ãƒ—ラグイン100é¸ -2009å¹´ç·é›†ç·¨
2009å¹´ã«ç´¹ä»‹ã—ãŸã‚‚ã®ã‚’ä¸å¿ƒã¨ã—ãŸjQueryã®ãƒ—ラグイン100é¸ã§ã™ã€‚ カルーセル・ニュースティッカー関連 ギャラリー・画åƒæ‹¡å¤§é–¢é€£ ナビゲーション関連 タブ関連 パãƒãƒ«ãƒ»ãƒœãƒƒã‚¯ã‚¹é–¢é€£ 角丸関連
Right Bower - Slimbox + WDP
「迷ãˆã‚‹å羊ã€ã•ã‚“ã§Lightboxè¨ç½®ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã—ãŸã®ã§ã€ å°‘ã—æ»ã£ã¦ï¼ˆï¼Ÿï¼‰Slimboxã‚’WDPã«è¨ç½®ã™ã‚‹æ–¹æ³•ã‚’紹介。 ※2007/10/27　　IE6対ç–ã«ã¤ã„ã¦è¿½è¨˜ ã€SAMPLE】　※Photo from BurningWell ã€å‚考サイト】 ・Slimbox - mootoolsベースã®Lightboxライブラリ。（buena suerte!） ・slimboxを使ã£ã¦ã¿ãŸã„（m・fami） Slimboxã¨ã¯Slimboxã¨ã¯mootoolsã¨ã„ã†javascriptフレームワークをベースã¨ã—㟠Lightboxクãƒãƒ¼ãƒ³ã§ã™ã€‚ Lightboxã¨åŒã˜å‹•ä½œã‚„機能ãŒã‚ã‚ŠãªãŒã‚‰è»½é‡ã§ã€è¨ç½®ãŒç°¡å˜ã§ã™ã€‚ 動作ã«åŒã˜ rel="lightbox"を仕様ã—ã¦ã„ã‚‹ãŸã‚ lightboxã‹ã‚‰slimboxã«ç§»è¡Œã—ã¦ã‚‚ã€è¨˜äº‹ã®æ›¸ãæ›ãˆãŒå¿…è¦ã‚ã‚Šã¾ã›ã‚“。 Lightboxã§ã¯ proto
Lightbox.js ã®ã‚ˆã†ãªå†™çœŸã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリ沢山：Goodpic
This shop will be powered by Are you the store owner? Log in here
複数ã®ãƒ©ã‚¤ãƒ–ラリã«å¯¾å¿œã—ãŸLightboxスクリプト -Shadowbox.js
Shadowbox.jsã¯ã€Prototypeã€jQueryã€YUIã€Extãªã©è¤‡æ•°ã®JavaScriptã®ãƒ©ã‚¤ãƒ–ラリã«å¯¾å¿œã—ãŸã€ç”»åƒã‚„å‹•ç”»ãªã©ã‚’拡大表示ã§ãã‚‹Lightbox風ã®ã‚¹ã‚¯ãƒªãƒ—トã§ã™ã€‚ Shadowbox.js Media Viewer デモ ダウンãƒãƒ¼ãƒ‰ Shadowbox.jsã¯è¤‡æ•°ã®ãƒ©ã‚¤ãƒ–ラリã«å¯¾å¿œã—ã¦ã„ã‚‹ã¨ã„ã†ã ã‘ã§ã‚‚ã™ã”ã„ã§ã™ãŒã€ç”»åƒã‚„å‹•ç”»ã®æ‹¡å¤§è¡¨ç¤ºã«ã‚‚ã•ã¾ã–ã¾ãªã‚ªãƒ—ションãŒã‚ã‚Šã€å¤šæ•°ã‚ã‚‹Lightbox風スクリプトã®ä¸ã§ã‚‚充実ã—ãŸæ©Ÿèƒ½ã‚’æŒã£ã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ 下記ã«ä¸»ãªç‰¹å¾´ã‚’挙ã’ã¾ã™ã€‚ 拡大ã™ã‚‹éš›ã®ã‚³ãƒ¼ãƒ‰ã¯ã€ç°¡æ˜“ã§ã™ã€‚ <a href="image.jpg" rel="shadowbox">Image</a> 併用ã™ã‚‹JavaScriptã®ãƒ©ã‚¤ãƒ–ラリã¯ã€ä¸‹è¨˜ã®ä¸ã‹ã‚‰å¥½ããªã‚‚ã®ã‚’é¸ã¹ã¾ã™ã€‚ jQuery Prototype + Scriptaculous YUI Ex
jQuery.lightpop.js サンプル
jQuery用ã®ãƒ—ラグインjQuery.lightpop.jsã®ã‚µãƒ³ãƒ—ルã§ã™ã€‚ 使用方法・ダウンãƒãƒ¼ãƒ‰ã¯ã“ã¡ã‚‰ã‹ã‚‰ã©ã†ãžã€‚ ç”»åƒ ã‚µãƒ³ãƒ—ãƒ« <a href="media/pict01.jpg" rel="lightbox" title="ç”»åƒï¼‘"> <img src="media/pict01.thumbnail.jpg" alt="ç”»åƒï¼‘"> </a> <a href="media/pict02.jpg?width=320&height=240" rel="lightbox" title="ç”»åƒï¼’"> <img src="media/pict02.thumbnail.jpg" alt="ç”»åƒï¼’"> </a> ç”»åƒï¼“テã‚ストリンク <a href="media/pict03.jpg" rel="lightbox" title="ç”»åƒï¼“">ç”»åƒï¼“テã‚ストリンク</a> ç”»åƒï¼”テã‚ストリンク
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Lightboxã‚’YouTubeå‹•ç”»ã«å¯¾å¿œã•ã›ã‚‹ã‚¢ãƒ‰ã‚ªãƒ³ - fiddling, writing
{{#tags}}- {{label}}
{{/tags}}