[B! lightbox] bigwestã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

bigwest id:bigwest

lightboxã«é–¢ã™ã‚‹bigwestã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (13)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

jQueryã§æ§˜ã€…ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚’å®Ÿè£…å‡ºæ¥ã‚‹ã€ŽjQuery Customboxã€ | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®ã†ã‡ã¶å±‹
ã€Žãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã€ã£ã¦å‘¼ã³åã£ã¦ä¸€èˆ¬çš„ãªã‚“ã§ã—ã‚‡ã†ã‹ï¼Ÿãªã‚“ã¦è¨€ã£ãŸã‚‰è‰¯ã„ã‹ã‚ã‹ã‚‰ãªã‹ã£ãŸã®ã§ã€ãã®ã¾ã¾ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã£ã¦ã‚¿ã‚¤ãƒˆãƒ«ã«ã¯æ›¸ãã¾ã—ãŸãŒã€ãƒ€ã‚¤ã‚¢ãƒã‚°ã¿ãŸã„ãªæ„Ÿã˜ã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„è¡¨ç¤ºã•ã‚Œã‚‹å¥´ã®ã“ã¨ã§ã™ï¼ˆç¬‘ï¼‰ï¼ æœ€è¿‘ã¯æµ·å¤–ãƒ–ãƒã‚°ãªã‚“ã‹ã§ã‚‚è¦‹ã‚‹ã“ã¨ãŒã‚ã‚‹ãã‚‰ã„ã€ä½¿ã‚ã‚Œã¦ã„ã‚‹ã‚µã‚¤ãƒˆã‚’è‰¯ãè¦‹ã¾ã™ãŒã€çµæ§‹ã“ã‚Œå®Ÿè£…ã™ã‚‹ã¨ãã£ã¦é æ‚©ã¾ã›ã‚‹æ‰€â€¦ã€‚ä»Šæ—¥ã¯ãã‚“ãªãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚’è¡¨ç¤ºã™ã‚‹ã¨ãã«ã¡ã‚‡ã£ã¨ä¾¿åˆ©ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’å…±æœ‰ã•ã›ã¦é ‚ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ï¼ ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æ“ä½œã‚’ä¸€æ™‚åœæ¢ã•ã›ã¦ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¡¨ç¤ºã•ã›ã‚‹æ„Ÿã˜ãªã®ã§ã€ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚’è€ƒãˆã‚‹ã¨ä½¿ã„æ‰€é–“é•ãˆãŸãç„¡ã„ã¨ã¯æ€ã„ã¾ã™ãŒã€ãªã‚“ã‹é‡è¦ãªå‘ŠçŸ¥ãŒã‚ã‚‹æ™‚ã¨ã‹ã€ã¡ã‚‡ã£ã¨æ³¨æ„ãŒå¿…è¦ãªã‚¹ãƒ†ãƒƒãƒ—ã‚’ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«è¸ã‚“ã§è²°ã†å‰ã¨ã‹ã€ã“ã†ã„ã†ã®ãŒä½¿ãˆãã†ãªã‚·ãƒãƒ¥ã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã£ã¦ã„ã‚ã„ã‚æ€ã„ã¤ãã¾ã™ã®ã§ã€ã”å‚è€ƒã¾ã§ã«ã©ã†ãžãƒ¼ï¼ ã“ã‚“ãªæ„Ÿã˜ã®ã€è‰¯ãã‚ã‚‹ä»Šè¡Œã£ã¦ã‚‹å‹•ä½œã‚’
bigwest 2013/10/11
jQuery

lightbox

ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦
ãƒªãƒ³ã‚¯
[JS]lightboxã®é€²åŒ–å½¢ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã§ç”»åƒã‚’æ‹¡å¤§è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -SuperBox
lightboxã‚ˆã‚ŠJavaScriptã¨ç”»åƒãƒãƒ¼ãƒ‰ã®ä¾å˜ã‚’å°‘ãªãã—ãŸã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã§ç”»åƒã‚’æ‹¡å¤§è¡¨ç¤ºã™ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼šå¹…780pxã§è¡¨ç¤º SuperBoxã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆãƒ»ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <link href="css/style.css" rel="stylesheet"> <script src="http://ajax.google apis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="js/superbox.js"></script> Step 2: HTML ã¾ãšã¯ã€åŸºæœ¬æ§‹é€ ã§ã™ã€‚ HTML5ã®dataå±žæ€§ã§æ‹¡å¤§ã™ã‚‹ç”»åƒã‚’æŒ‡å®šã—ã€classã«ã€Œsuperbox-im
bigwest 2013/04/11
lightbox

responsive
ãƒªãƒ³ã‚¯
jQueryã§ãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ€ã‚¤ã‚¢ãƒã‚°ã‚’å®Ÿç¾ã™ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ï¼’ï¼:phpspoté–‹ç™ºæ—¥èªŒ
20 Useful jQuery Modal Plugins jQueryã§ãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ€ã‚¤ã‚¢ãƒã‚°ã‚’å®Ÿç¾ã™ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ï¼’ï¼ã€‚ ãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ€ã‚¤ã‚¢ãƒã‚°ã§è‡ªåˆ†ã®ç”¨é€”ã«ãƒžãƒƒãƒã—ãŸãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’æŽ¢ã™æ™‚ã«ä¾¿åˆ©ãã†ã§ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„å®Ÿè£…ã®å®¹æ˜“æ€§ã¯ã„ã–ä½¿ã£ã¦ã¿ã‚‹ã¨ãƒ€ãƒ¡ãªãƒ‘ã‚¿ãƒ¼ãƒ³ãŒã‚ã£ãŸã‚Šã—ã¾ã™ãŒã€ã“ã‚Œã ã‘ã‚ã‚Œã°ã©ã‚Œã‹ãƒžãƒƒãƒã—ãã†ãªã‚‚ã®ãŒã‚ã‚Šãã†ã§ã™ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ã‚¯ãƒ¼ãƒ«ãªãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ€ã‚¤ã‚¢ãƒã‚°å®Ÿè£…ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒSimpleModalã€
bigwest 2013/01/28
jQuery

lightbox
ãƒªãƒ³ã‚¯
Loading...
bigwest 2012/12/18
lightbox

jQuery
ãƒªãƒ³ã‚¯
ã‚¯ãƒ¼ãƒ«ãªãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ€ã‚¤ã‚¢ãƒã‚°å®Ÿè£…ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒSimpleModalã€:phpspoté–‹ç™ºæ—¥èªŒ
Simple Modal - Another window modal ã‚¯ãƒ¼ãƒ«ãªãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ€ã‚¤ã‚¢ãƒã‚°å®Ÿè£…ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒSimpleModalã€ã€‚ CSS3ã‚’ä½¿ã£ãŸç¶ºéº—ãªãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ€ã‚¤ã‚¢ãƒã‚°ã®å®Ÿè£…ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ HTMLã‚„å‹•ç”»ã®åŸ‹ã‚è¾¼ã¿ã‚‚å¯èƒ½ã§è¡¨ç¤ºã®éš›ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚‚ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºå‡ºæ¥ã‚‹ã¿ãŸã„ã§ã™ã€‚ IE8ç³»ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚ç¶ºéº—ã«å‡ºåŠ›ã•ã‚Œã‚‹ã‚ˆã†ã§ã—ãŸã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ä»Šã“ãçŸ¥ã£ã¦ãŠãLightboxé¢¨ãƒ—ãƒ©ã‚°ã‚¤ãƒ³20+ CSS3ã§å‡ºæ¥ãŸã‚¯ãƒ¼ãƒ«ãªLightBoxå®Ÿè£…ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
bigwest 2012/10/31
web design

CSS3

lightbox
ãƒªãƒ³ã‚¯
å€‹äººçš„ã«æ°—ã«å…¥ã£ã¦ã‚‹10ã®Lightboxç³»jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³åŠã³ã€ãã®ç‰¹å¾´ã¾ã¨ã‚ - ã‹ã¡ã³ã¨.net
å€‹äººçš„ã«æ°—ã«å…¥ã£ã¦ã‚ˆãä½¿ã£ã¦ã„ã‚‹ã€åˆã¯ ã„ã¤ã‹å½¹ã«ç«‹ã¡ãã†ã€ã„ãšã‚Œä½¿ã„ãŸã„çš„ãª Lightboxé¢¨ã«æ‹¡å¤§å®Ÿè£…å‡ºæ¥ã‚‹jQueryãƒ—ãƒ©ã‚° ã‚¤ãƒ³ã®ã¾ã¨ã‚ã§ã™ã€‚ä½¿ã†ã¨ãã«ã„ã¡ã„ã¡å¼•ã£ å¼µã‚Šå‡ºã—ã¦ã„ã‚‹ã®ãŒé¢å€’ãªã®ã§ã¾ã¨ã‚ã«ã—ã¦ ã¤ã„ã§ã«ã‚·ã‚§ã‚¢ã—ã‚ˆã†ã¨æ€ã£ã¦è¨˜äº‹ã«ã—ã¾ã™ã€‚ ã‚ªãƒ¼ã‚½ãƒ‰ãƒƒã‚¯ã‚¹ãªã‚‚ã®ã‹ã‚‰ã€ã‚„ã‚„ç‰¹å¾´çš„ãªã‚‚ã®ã€Twitterã§ã€Œã“ã‚“ãªã®ãªã„ï¼Ÿã€ã£ã¦èžã‹ã‚Œã¦æŽ¢ã—ãŸã‚‚ã®ãªã©10å€‹åŽ³é¸ã§ã™ã€‚ç‰¹å¾´ã‚‚ä¸€ç·’ã«ãƒ¡ãƒ¢ã—ã¦ãŠãã¾ã™ã€‚ ãªãŠã€ç”»åƒã‚’ä½¿ã†jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã«ã”èˆˆå‘³ãŒæœ‰ã‚‹ã‚ˆã†ã§ã—ãŸã‚‰ã€ä»¥å‰æ›¸ã„ãŸç”»åƒã‚’ä½¿ã£ãŸã„ã‚ã„ã‚ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³224å€‹ã¾ã¨ã‚ã‚‚å‚è€ƒã«ã—ã¦é ‚ã‘ã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ colorbox ä¸€ç•ªã‚ˆãä½¿ã£ã¦ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚MITãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã§ã€ã‚°ãƒ«ãƒ¼ãƒ—åŒ–â‡’ã‚¹ãƒ©ã‚¤ãƒ‰ã‚‚å¯èƒ½ã€‚ã¾ãŸã€iPhoneã€iPadã§ã‚‚å‹•ã„ã¦è¡¨ç¤ºã‚‚å´©ã‚Œã¾ã›ã‚“ã€‚ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚‚å¤‰æ›´å¯èƒ½ã§ã€Youtubeã‚„Iframeã€Flas
bigwest 2010/12/05
jQuery

lightbox
ãƒªãƒ³ã‚¯
è¡¨ç¤ºæ³•ãŒæ–°ã—ãã‚»ã‚¯ã‚·ãƒ¼ãªLightBoxã€ŒSexyLightBoxã€:phpspoté–‹ç™ºæ—¥èªŒ
SexyLightBox - www.coders.me è¡¨ç¤ºæ³•ãŒæ–°ã—ãã‚»ã‚¯ã‚·ãƒ¼ãªLightBoxã€ãã®åã‚‚ã€ŒSexyLightBoxã€ã€‚ æ¬¡ã®ã‚ˆã†ãªã€è§’ä¸¸ã§ã€è¡¨ç¤ºæ™‚ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹LightboxãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ å®Ÿè£…æ³•ã‚‚Lightboxé¢¨ã«ã€ã‚¢ãƒ³ã‚«ãƒ¼ã‚¿ã‚°ã«å±žæ€§ã‚’ã¤ã‘ã‚‹ã ã‘ã§OKã¿ãŸã„ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ä»˜ãLightBoxé¢¨ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚¢ãƒ«ãƒãƒ ã®ã‚µãƒ³ãƒ—ãƒ« jQueryãƒ™ãƒ¼ã‚¹ã®LightBoxã‚¯ãƒãƒ¼ãƒ³ã€ŒprettyPhotoã€ ï¼µï¼©ãŒã‚¯ãƒ¼ãƒ«ã§ã‚µã‚¯ã‚µã‚¯ä½¿ãˆã‚‹Macã‚¦ã‚§ãƒ–ã‚®ãƒ£ãƒ©ãƒªãƒ¼é¢¨ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€ŒqGalleryã€ ç”»åƒã‚’åŒä¸€Windowå†…ã§ã‚¹ãƒ ãƒ¼ã‚ºã«ã‚ºãƒ¼ãƒ ã—ã¦ãã‚Œã‚‹JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªè‰²ã€… LightBoxé¢¨ã«è§’ä¸¸ã§å¯æ„›ãç”»åƒã‚’ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã—ã¦ãã‚Œã‚‹ã€ŒFaceboxã€ YUIã‚’ä½¿ã£ã¦LightBoxã‚’å®Ÿç¾ã™ã‚‹ã‚µãƒ³ãƒ—ãƒ« è‡ªå‹•ã§ç”»åƒã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ãŒå¯èƒ½ãªLightBoxé¢¨ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
bigwest 2008/09/07
lightbox

javascript

library
ãƒªãƒ³ã‚¯
SexyLightBox - www.coders.me
bigwest 2008/09/07
javascript

ajax

lightbox

library
ãƒªãƒ³ã‚¯
YUIã‚’ä½¿ã£ã¦LightBoxã‚’å®Ÿç¾ã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«:phpspoté–‹ç™ºæ—¥èªŒ
Creating Lightbox with Yahoo! User Interface Library : Code Central Yahoo! User Interface Library (YUI) provides a very handy class for creating modal dialog box with background masking, which can be used to create lightbox. YUIã‚’ä½¿ã£ã¦LightBoxã‚’å®Ÿç¾ã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã€‚ YUIã®ã€ŒYAHOO.widget.Dialogã€ã‚’å¿œç”¨ã—ã¦LightBoxé¢¨ãªã‚‚ã®ã‚’ä½œã‚‹ã‚µãƒ³ãƒ—ãƒ«ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ‡ãƒ¢ Yahoo! UI Library: Dialog YUIä½¿ã„ãªæ–¹ã«ã¯ä½¿ãˆã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãã€‚
bigwest 2008/05/08
yui

lightbox
ãƒªãƒ³ã‚¯
[JS]é«˜ã„ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ€§ã‚’å‚™ãˆãŸLightboxé¢¨ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -nyroModal
nyroModalã¯ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä¼´ã£ã¦è¡¨ç¤ºãƒ»éžè¡¨ç¤ºã•ã‚Œã‚‹ã€é«˜ã„ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ€§ã‚’å‚™ãˆãŸãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã‚’ç”Ÿæˆã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ã™ã€‚ nyroModal ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ nyroModalãŒç”Ÿæˆã™ã‚‹ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã«ã¯ã€ãƒ†ã‚ã‚¹ãƒˆãªã©ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã¯ã˜ã‚ã€è¤‡æ•°ã®ç”»åƒã‚’ä½¿ç”¨ã—ãŸã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚„å‹•ç”»ã€AJAXã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚„ãƒ•ã‚©ãƒ¼ãƒ ãªã©ã‚’è¡¨ç¤ºã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã¾ãŸã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ã¾ã¾ã§ã‚‚æ°—æŒã¡ã‚ˆãè¡¨ç¤ºãƒ»éžè¡¨ç¤ºã•ã‚Œã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€èƒŒæ™¯ã€ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ãªã©ã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã€‚ nyroModalã¯jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ãŸã‚ã€å‹•ä½œã«ã¯jquery.jsãŒå¿…è¦ã§ã™ã€‚
bigwest 2008/04/15
jQuery

lightbox
ãƒªãƒ³ã‚¯
è¤‡æ•°ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«å¯¾å¿œã—ãŸ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
bigwest 2008/02/01
javascript

lightbox
ãƒªãƒ³ã‚¯
ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã‚‹å¤šæ©Ÿèƒ½LightBoxã€ŒLightviewã€:phpspoté–‹ç™ºæ—¥èªŒ
Lightview Lightview was built to change the way you overlay images on a website. ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã‚‹å¤šæ©Ÿèƒ½LightBoxã€ŒLightviewã€ã€‚ æ¬¡ã®ã‚ˆã†ã«ã€èƒŒæ™¯è‰²ã‚’èµ¤ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ãŸã‚Šã§ãã‚‹LightBoxã®ç™»å ´ã§ã™ã€‚ èƒŒæ™¯è‰²ã®ã»ã‹ã€è§’ä¸¸ã®åº¦åˆã„ã‚„ã€ç°è‰²èƒŒæ™¯ã®æç”»ON/OFFã¨ãã®é€æ˜Žåº¦ã€zIndexã€è¡¨ç¤ºã®éš›ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãªã©ã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºå¯èƒ½ã§ã™ã€‚ ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¯ã€å¿…è¦ãªCSS/JSã‚’èªã¿è¾¼ã‚“ã å¾Œã€<img>ã€€ã‚¿ã‚°ã® rel å±žæ€§ã« lightview ã‚’è¨å®šã™ã‚‹ã ã‘ã€‚ (ä¾‹ï¼š <a href='image.jpg' rel='lightview'>My image<a/>Â ) ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã®æ©Ÿèƒ½ãªã‚“ã‹ã‚‚å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª LightBoxé¢¨ã«è§’ä¸¸ã§å¯æ„›ãç”»åƒã‚’ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã—ã¦ãã‚Œã‚‹ã€ŒF
bigwest 2008/01/23
javascript

library

lightbox
ãƒªãƒ³ã‚¯
LightBoxé¢¨ã«è§’ä¸¸ã§å¯æ„›ãç”»åƒã‚’ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã—ã¦ãã‚Œã‚‹ã€ŒFaceboxã€:phpspoté–‹ç™ºæ—¥èªŒ
Facebox 1.0 Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages. LightBoxé¢¨ã«è§’ä¸¸ã§å¯æ„›ãç”»åƒã‚’ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã—ã¦ãã‚Œã‚‹ã€ŒFaceboxã€ã€‚ ãƒªãƒ³ã‚¯ã‚’ã‚¯ãƒªãƒƒã‚¯ã§æ¬¡ã®ã‚ˆã†ã«ç”»åƒã‚’ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã—ã¦ãã‚Œã¾ã™ã€‚ ã“ã‚Œã¯Facebookã§ã‚‚ä½¿ã‚ã‚Œã¦ã„ã‚‹ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—æ–¹æ³•ã®ã‚ˆã†ã§ã€çŸ¥ã£ã¦ã„ã‚‹äººã¯çŸ¥ã£ã¦ã„ã‚‹ã€ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã®ä»•æ–¹ã®ã‚ˆã†ã§ã™ã€‚ ã‚³ãƒ¼ãƒ‰ã¯æ¬¡ã®ã‚ˆã†ã«éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ã€‚ rel="facebox" ã§ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã—ã¦ãã‚Œã‚‹ã¿ãŸã„ã§ã™ã€‚ <a href="/facebox/remote.html" rel="facebox">text</a> jQueryãƒ™ãƒ¼ã‚¹ãªã®ã§è»½é‡ãªç‚¹ã‚‚ã†ã‚Œã—ã„ã¨ã“ã‚ã€‚ ã¡ã‚‡ã£ã¨æ°—åˆ†ã‚’å¤‰ãˆãŸã„æ–¹ã¯å°Žå…¥
bigwest 2008/01/09
javascript

lightbox

image

ajax
ãƒªãƒ³ã‚¯
1