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

cyokodog id:cyokodog

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

${{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}}

http://e0166nt.com/blog-entry-677.html
cyokodog 2009/06/22
-jquery*plugin

lightbox

slide
ãƒªãƒ³ã‚¯
EMP WORDS | (jQuery)Lightboxé¢¨ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Colorbox
cyokodog 2009/05/29
-jquery

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

_favorite

lightbox
ãƒªãƒ³ã‚¯
ç¬¬2å›žã€€Lightboxé¢¨ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ãƒ€ã‚¤ã‚¢ãƒã‚°è¡¨ç¤ºï¼ˆ1ï¼‰ | gihyo.jp
ã¯ã˜ã‚ã« ç¬¬2å›žã¯Lightboxé¢¨ã«ç”»åƒãªã©ã‚’è¡¨ç¤ºã™ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ã€ä¸€æ©é€²ã‚“ã åˆ©ç”¨æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ LightBoxã¯ã€ä»Šã‚„åŒä¸€ãƒšãƒ¼ã‚¸å†…ã§ç”»åƒãªã©ã‚’ä¸Šä¹—ã›ã—ãŸå½¢ã§è¡¨ç¤ºã•ã›ã‚‹è¡¨ç¾åŠ¹æžœã®ç·ç§°ã¨ãªã£ã¦ãŠã‚Šã€Javascriptã®å®šç•ªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ä¸€ã¤ã¨ãªã£ã¦ã„ã¾ã™ã€‚ å›³1ã€€å…ƒç¥–Lightbox ãŠè–¦ã‚Lightboxé¢¨ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ Lightboxé¢¨ã®è¡¨ç¾ã‚’å®Ÿç¾ã™ã‚‹Javascriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯å®Ÿéš›ã«æŽ¢ã—ã¦ã¿ã‚‹ã¨ã€éžå¸¸ã«å¤šãã®ã‚‚ã®ã‚’è¦‹ã¤ã‘ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ã“ã®ä¸ã‹ã‚‰jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ã—ã¦é–‹ç™ºã•ã‚Œã€ã•ã‚‰ã«ç‰¹å¾´çš„ãªä»¥ä¸‹ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’3ç‚¹ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã€ä»Šå›žã¨æ¬¡å›žã€2å›žã«ã‚ãŸã‚Šè§£èª¬ã—ã¾ã™ã€‚ jQuery Fancyzoom jQuery Fancyzoomã¯ç”»åƒè¡¨ç¤ºã«ç‰¹åŒ–ã—ã¦ãŠã‚Šã€æ‹¡å¤§è¡¨ç¤ºã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒéžå¸¸ã«å‡ã£ãŸã‚‚ã®ã¨ãªã£ã¦ã„ã¾ã™ã€‚ç™¾èžã¯ä¸€è¦‹ã«ã—ã‹ãšãªã®ã§ã€ã‚ãˆã¦ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®èª¬æ˜Žã‚’
cyokodog 2008/09/30
-jquery*plugin

lightbox
ãƒªãƒ³ã‚¯
å°ç²‹ç©ºé–“: Highslide JS ã§ã‚µãƒ ãƒã‚¤ãƒ«ç”»åƒã‚’æ‹¡å¤§è¡¨ç¤ºã™ã‚‹
ã‚µãƒ ãƒã‚¤ãƒ«ç”»åƒã‚’ã‚¯ãƒ¼ãƒ«ã«æ‹¡å¤§è¡¨ç¤ºã™ã‚‹ Highslide JS ã‚’åˆ©ç”¨ã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚å†…å®¹ã¯ Movable Type ã‚’ã‚µãƒ³ãƒ—ãƒ«ã«ã—ã¦ã„ã¾ã™ãŒã€ä»–ã®ãƒ–ãƒã‚°ç‰ã§ã‚‚å¿œç”¨ã§ãã‚‹ã¨æ€ã„ã¾ã™ã€‚ WordPress ã§ã¯ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ WPJ-Highslide 0.2 ãŒåˆ©ç”¨ã§ãã‚‹ã¿ãŸã„ã§ã™ã€‚ ã¨ã‚Šã‚ãˆãšä¸‹è¨˜ã®ã‚µãƒ³ãƒ—ãƒ«ç”»åƒã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ãã ã•ã„ã€‚æ‹¡å¤§è¡¨ç¤ºã•ã‚ŒãŸç”»åƒã®ä¸Šã§ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨å…ƒã«æˆ»ã‚Šã¾ã™ã€‚ æ‹¡å¤§ãƒ„ãƒ¼ãƒ«ã§ã¯ã€å½“ã‚µã‚¤ãƒˆã§ã‚‚ç´¹ä»‹ã—ã¦ã„ã‚‹ Lightbox JS ãŒæœ‰åã§ã™ãŒã€ã“ã® Highslide JS ã¯ä¸‹è¨˜ã®ç‰¹å¾´ãŒã‚ã‚Šã¾ã™ã€‚ æ‹¡å¤§ç”»åƒã®ä¸‹ã«ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ï¼ˆã‚¿ã‚¤ãƒˆãƒ«ï¼‰ã®æŒ¿å…¥ãŒå¯èƒ½ ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã«åŽã¾ã‚‹ã‚ˆã†ã«æ‹¡å¤§ï¼ˆå³ä¸‹ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ 100% è¡¨ç¤ºï¼‰ æ‹¡å¤§ç”»åƒã®ãƒ‰ãƒ©ãƒƒã‚°ãŒå¯èƒ½ ä»¥ä¸‹ã€ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ–¹æ³•ã§ã™ã€‚ã“ã“ã§ã¯ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰æ™‚ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ 2.2.74.0.6 ã§è©±ã‚’é€²ã‚ã¾ã™ã€‚
cyokodog 2008/07/01
*javascript-lib

lightbox

highslide

_favorite
ãƒªãƒ³ã‚¯
https://phatfusion.net/best-time-to-buy-a-mattress/
cyokodog 2008/04/22
mootoolsã®lightboxç³»ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚ã‹ã£ã“ã„ã„ã€‚

*javascript-lib

___demo

_favorite

mootools

lightbox
ãƒªãƒ³ã‚¯
ç§‹å…ƒ@ã‚µã‚¤ãƒœã‚¦ã‚ºãƒ©ãƒœãƒ»ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ãƒ»ãƒ–ãƒã‚°: lightboxãƒ©ã‚¤ãƒ–ãƒ©ãƒª37å€‹ã®æ¯”è¼ƒè¡¨
å†™çœŸãªã©ã‚’ãƒšãƒ¼ã‚¸ä¸Šã§å¼·èª¿è¡¨ç¤ºã™ã‚‹ã€ã„ã‚ã‚†ã‚‹lightboxåŠ¹æžœã‚’å®Ÿç¾ã™ã‚‹Javascript+CSSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’37å€‹ã‚‚é›†ã‚ã¦ã€ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚µã‚¤ã‚ºã‚„ãã‚Œãžã‚Œã®æ©Ÿèƒ½ã€ã©ã®Javascriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã£ã¦ã„ã‚‹ã‹ãªã©ã§çµžã‚Šè¾¼ã‚ã‚‹ã‚ˆã†ã«ã—ãŸæ¯”è¼ƒè¡¨ãŒç™ºè¡¨ã•ã‚Œã¦ã„ã‚‹ã€‚ ã“ã®ã‚ˆã†ãªUIç³»ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã†éš›ã«ã¯ã€è‡ªåˆ†ãŒæ™®æ®µä½¿ã£ã¦ã„ã‚‹ãƒ™ãƒ¼ã‚¹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ã®è¦ªå’Œæ€§ãªã©ãŒé‡è¦ã ã¨æ€ã†ã®ã§ã€ã“ã®ã‚ˆã†ãªå½¢ã§ã¾ã¨ã¾ã£ã¦ã„ã‚‹ã¨del.icio.usã§â€lightboxâ€ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ã€ã¨ã„ã£ãŸèª¿ã¹æ–¹ã‚ˆã‚Šã‚‚æ¥½ã«ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒé¸ã¹ã¦ã„ã„ã€‚ via del.icio.us/popular ã“ã®è¨˜äº‹ã¯ç§»è»¢å‰ã®å¤ã„URLã§å…¬é–‹ã•ã‚ŒãŸæ™‚ã®ã‚‚ã®ã§ã™ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãŒæ–°æ—§ã§åˆ†æ•£ã—ã¦ã„ã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ç§»è»¢å‰ã¯ç¾åœ¨ã¨ã¯æ–‡ä½“ãŒé•ã„ã€Œã§ã‚ã‚‹ã€èª¿ã§ã™ã€‚(å‚è€ƒ)è¨˜äº‹ã®å†…å®¹ãŒå¤ãã¦å½¹ã«ç«‹ãŸãªããªã£ã¦ã„ã‚‹ã€ã¨ã„ã†å ´åˆã«ã¯ã‚³ãƒ¡ãƒ³ãƒˆã‚„ãƒ„ã‚¤ãƒƒã‚¿ãƒ¼ã§ã”æŒ‡æ‘˜ã„
cyokodog 2008/04/22
lightboxç³»ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®æ¯”è¼ƒè¡¨ã€‚

___ã¾ã¨ã‚

*javascript-lib

lightbox
ãƒªãƒ³ã‚¯
1