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

cos31 id:cos31

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

${{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ã®ã¿ã§Lightboxã£ã½ã„ã‚‚ã®ã‚’å®Ÿç¾ã™ã‚‹æ–¹æ³• - F.Ko-Jiã®ã€Œä¸€ç§’å¾Œã¯æœªæ¥ã€
æ¢…é…’.inã®ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã«ã‚ã‚‹ã€Œæ¢…é…’ãŒã‚¦ãƒªãªé£²é£Ÿåº—ã€ã¨ã„ã†ã‚³ãƒ¼ãƒŠãƒ¼ã«ã‚ã‚‹ç”»åƒã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€Lightboxã£ã½ãæƒ…å ±ã‚’è¡¨ç¤ºã™ã‚‹ã‚ˆã†ã«ã—ã¦ã„ã¾ã™ã€‚ â†‘ ã“ã‚“ãªæ„Ÿã˜ã€‚ LightboxåŠ¹æžœã‚’å®Ÿç¾ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯æ¤œç´¢ã™ã‚Œã°è‰²ã€…ã¨è¦‹ã¤ã‹ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ã“ã“ã§ã¯ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯jQueryã®ã¿ã¨ã—ã¦ã€ã©ã®ã‚ˆã†ã«Lightboxã‚’å®Ÿç¾ã—ãŸã‹ã‚’èª¬æ˜Žã—ã¾ã™ã€‚ å‡¦ç†ã®ãŠãŠã¾ã‹ãªæµã‚Œã¯ä»¥ä¸‹ã®é€šã‚Šã§ã™ã€‚ selectè¦ç´ ã‚’éš ã™ (IEå¯¾ç–) ãƒšãƒ¼ã‚¸å…¨ä½“ã«åŠé€æ˜Žã®é»’ã„ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’è¡¨ç¤ºã™ã‚‹ è¡¨ç¤ºé ˜åŸŸã®ä¸å¤®ã«ç›®çš„ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¡¨ç¤ºã™ã‚‹ 1. selectè¦ç´ ã‚’éš ã™ IE6ã§ã¯selectè¦ç´ ã«z-indexãŒå®šç¾©ã•ã‚Œã¦ã„ãªã„ãŸã‚ã€ãƒ¬ã‚¤ãƒ¤ãƒ¼ã®z-indexã‚’ã©ã‚Œã ã‘å¤§ããã—ã¦ã‚‚ã€IE6ã§ã¯selectè¦ç´ ãŒãƒ¬ã‚¤ãƒ¤ãƒ¼ã®ä¸‹ã«éš ã‚Œã‚‹ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ãã®ãŸã‚ã€ãƒšãƒ¼ã‚¸ä¸Šã«ã‚ã‚‹selectè¦ç´ ã‚’éš ã™å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ jQueryã§
cos31 2008/10/30
*javascript

jquery

lightbox
ãƒªãƒ³ã‚¯
ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ä»˜ãLightBoxé¢¨ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚¢ãƒ«ãƒãƒ ã®ã‚µãƒ³ãƒ—ãƒ«:phpspoté–‹ç™ºæ—¥èªŒ
Dynamic Image Gallery and Slideshow - Web Development Blog This extremely lightweight JavaScript image gallery and slideshow script clocks in under 3kb packed and includes a number of cool features. ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ä»˜ãLightBoxé¢¨ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚¢ãƒ«ãƒãƒ ã®ã‚µãƒ³ãƒ—ãƒ«ã€‚ æ¬¡ã®ã‚ˆã†ãªï¼µï¼©ã‚’æŒã¤ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚¢ãƒ«ãƒãƒ å®Ÿè£…ç”¨ã®ã‚³ãƒ¼ãƒ‰ã‚µãƒ³ãƒ—ãƒ«ãŒå…¬é–‹ã•ã‚Œã¦ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã‚’é–‹ã„ã¦ã¿ã‚‹ ãƒšãƒ¼ã‚¸é€ã‚Šã™ã‚‹éš›ã‚‚ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³/ã‚¢ã‚¦ãƒˆã—ã¦ã‚¯ãƒ¼ãƒ«ã«ãªã£ã¦ã¾ã™ã€‚ è‡ªå‹•ãƒšãƒ¼ã‚¸é€ã‚Šæ©Ÿèƒ½ã‚‚ã‚ã£ã¦ãªã‹ãªã‹ã„ã„ã§ã™ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª æ°—æŒã¡ã‚ˆã„ã‚¹ãƒ©ã‚¤ãƒ‰æ©Ÿèƒ½ã‚’æä¾›ã™ã‚‹ã€ŒnoobSlideã€ ï¼µï¼©ãŒã‚¯ãƒ¼ãƒ«ã§ã‚µã‚¯ã‚µã‚¯ä½¿ãˆã‚‹Macã‚¦ã‚§ãƒ–ã‚®ãƒ£ãƒ©ãƒªãƒ¼é¢¨ç”»
cos31 2008/05/21
*javascript

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
cos31 2008/01/28
*javascript

lightbox
ãƒªãƒ³ã‚¯
Lightboxã‚¹ã‚¯ãƒªãƒ—ãƒˆã„ã‚ã„ã‚ - DesignWalker
cos31 2008/01/17
*javascript

*webãƒ‡ã‚¶ã‚¤ãƒ³

javascript

js

lightbox
ãƒªãƒ³ã‚¯
Facebox 1.2
cos31 2008/01/09
ä¸Šä½ãƒ¬ã‚¤ãƒ¤ãƒ¼ã§ç”»åƒã‚’è¡¨ç¤ºã™ã‚‹

javascript

lightbox

ajax
ãƒªãƒ³ã‚¯
JavaScriptã§LightBoxé¢¨ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ©ç”¨ã‚¦ã‚£ã‚¶ãƒ¼ãƒ‰ä½œæˆãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒModalBoxã€:phpspoté–‹ç™ºæ—¥èªŒ
JavaScriptã§LightBoxé¢¨ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ©ç”¨ã‚¦ã‚£ã‚¶ãƒ¼ãƒ‰ä½œæˆãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒModalBoxã€ 2007å¹´02æœˆ27æ—¥- ModalBox ? An easy way to create popups and wizards JavaScriptã§LightBoxé¢¨ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ©ç”¨ã‚¦ã‚£ã‚¶ãƒ¼ãƒ‰ä½œæˆãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒModalBoxã€ã€‚ æ¬¡ã®ã‚ˆã†ã«ã€LightBoxé¢¨ã«åŒä¸€ãƒšãƒ¼ã‚¸å†…ã§å‹•ä½œã™ã‚‹ã‚¦ã‚£ã‚¶ãƒ¼ãƒ‰ã‚’ä½œæˆã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ å‹•ç”»ãŒè»½ãã¦ã‚µã‚¯ã‚µã‚¯å‹•ãã“ã®UI ã¯ä½¿ã„ã©ã“ã‚ã«ã‚ˆã£ã¦ã¯ã‹ãªã‚Šä¾¿åˆ©ãªã‚µã‚¤ãƒˆã§ã‚ã‚‹ã¨ã„ã†å°è±¡ã‚’ä¸Žãˆã‚‹ã“ã¨ãŒå‡ºæ¥ãã†ã€‚ å®Ÿè£…æ–¹æ³•ã¯æ¬¡ã®æµã‚Œ 1) ã¾ãšã€JavaScriptãƒ•ã‚¡ã‚¤ãƒ«ã¨CSSãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ <script type="text/javascript" src="includes/prototype.js"></script> <script type
cos31 2007/06/25
ã‚¦ã‚£ã‚¶ãƒ¼ãƒ‰ãŒãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã—ã¦ã„ãƒ¼æ„Ÿã˜

ajax

javascript

ui

lightbox
ãƒªãƒ³ã‚¯
1