[B! Lightbox] mut00tumã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

mut00tum id:mut00tum

Lightboxã«é–¢ã™ã‚‹mut00tumã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (8)

${{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é¢¨JavaScriptã€ŒColorBoxã€
twitter facebook hatena google pocket å··ã«æº¢ã‚Œã‹ãˆã‚‹LightBoxé¢¨ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€‚ ColorBoxã‚‚ãã‚“ãªJavaScriptã®ä¸€ã¤ã§ã™ãŒã€colorã¨åä¹—ã‚‹ã ã‘ã‚ã‚Šã€ç¶ºéº—ãªæ„Ÿã˜ã§ã™ã€‚ sponsors ä½¿ç”¨æ–¹æ³• ColorBoxã‹ã‚‰ãƒ•ã‚¡ã‚¤ãƒ«ä¸€å¼ã‚’ãƒ€ã‚¦ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ <link type="text/css" media="screen" rel="stylesheet" href="colorbox.css" /> <link type="text/css" media="screen" rel="stylesheet" href="colorbox-custom.css" /> <!--[if IE]> <link type="text/css" media="screen" rel="stylesheet" href="colorbox-cus
mut00tum 2014/05/08
Lightbox

jQuery

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
å•†ç”¨åˆ©ç”¨å¯ã®ãƒ•ãƒªãƒ¼jQuery Lightboxãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¾ã¨ã‚
å†™çœŸã®æ‹¡å¤§ã‚„ã‚®ãƒ£ãƒ©ãƒªãƒ¼ãƒšãƒ¼ã‚¸ãªã©ã«è‰¯ãåˆ©ç”¨ã•ã‚Œã‚‹... / ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³å¯¾å¿œLightboxãƒ—ãƒ©ã‚°ã‚¤... / Swipebox | A touchable j...ä»–...å…¨12ä»¶ å†™çœŸã®æ‹¡å¤§ã‚„ã‚®ãƒ£ãƒ©ãƒªãƒ¼ãƒšãƒ¼ã‚¸ãªã©ã«è‰¯ãåˆ©ç”¨ã•ã‚Œã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€‚è¿‘å¹´ã®ã‚µã‚¤ãƒˆåˆ¶ä½œã§ä½¿ã‚ãªã„ã“ã¨ãŒãªã„æœ€ã‚‚ãƒãƒ”ãƒ¥ãƒ©ãƒ¼ãªãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ æœ€è¿‘ã§ã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã®æœ‰æ–™ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚‚ç¶šã€…ç™»å ´ã€‚ã•ã‚‰ã«ä¾¿åˆ©ã«ä½¿ã„ã‚„ã™ãé€²åŒ–ã—ã¦ã¯ã„ã¾ã™ãŒã€å•†ç”¨ã ã¨æœ‰æ–™åŒ–ãŒé€²ã‚“ã§ã€ä»¥å‰ã«æ¯”ã¹ã‚‹ã¨ç„¡æ–™ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’è¦‹ã¤ã‘è¾›ããªã‚Šã¾ã—ãŸã€‚ ãã“ã§ã€ã“ã“ã§ã¯æœ€è¿‘ã®ãƒ•ãƒªãƒ¼ã§ä½¿ãˆã¦å•†ç”¨åˆ©ç”¨å¯èƒ½ãªLightboxãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ã”ç´¹ä»‹ã„ãŸã—ã¾ã™ã€‚
mut00tum 2013/06/10
Lightbox

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

ç„¡æ–™

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
IE8ä»¥ä¸Šãªã‚‰ã‚‚ã†ã‚¹ã‚¯ãƒªãƒ—ãƒˆç„¡ã—ã§OKã®ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã‚’è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ -CSS Modal
ãƒ†ã‚ã‚¹ãƒˆã‚„ç”»åƒãªã©ã®ãƒªãƒ³ã‚¯ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€ç”»åƒã‚’ã¯ã˜ã‚ã‚ã‚‰ã‚†ã‚‹HTMLã®è¦ç´ ãŒé…ç½®å¯èƒ½ãªãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã‚’è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ CSS Modal CSS Modal -GitHub CSS Modalã®ãƒ‡ãƒ¢ CSS Modalã®ä½¿ã„æ–¹ CSS Modalã®ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã¯IE9ã‚’å«ã‚€ã€ã™ã¹ã¦ã®æœ€æ–°ã®ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã§ã”è¦§ãã ã•ã„ã€‚ãƒ¢ãƒã‚¤ãƒ«ç³»ã¯ã€iOS, Android2/3/4ã®Mobile Safariã§éžå¸¸ã«æ©Ÿèƒ½ã—ã€Windows Phone8ã§ã‚‚æ©Ÿèƒ½ã—ã¾ã™ã€‚ IE7ä»¥ä¸‹ã¯éžã‚µãƒãƒ¼ãƒˆã§ã€IE8ã¯ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãªã—ã§æ©Ÿèƒ½ã—ã¾ã™ã€‚ ã¾ãšã¯ã€ãƒ†ã‚ã‚¹ãƒˆã‚’é…ç½®ã—ãŸãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã‹ã‚‰ã€‚ Modal Text ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦å†…ã«ãƒˆãƒªã‚¬ãƒ¼ã‚’è¨å®šã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã€ã€ŒOpen a new modalã€ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨åˆ¥ã®ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ãŒé–‹ãã¾ã™ã€‚ ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã‚’é–‰ã˜ã‚‹ã«ã¯ã€å³ä¸Šã®ã‚¯ãƒãƒ¼ã‚ºã‚’ã‚¯
mut00tum 2013/05/15
Lightbox

CSS
ãƒªãƒ³ã‚¯
LightBoxã¯ã“ã“ã¾ã§é€²åŒ–ã—ãŸã‚ˆã€ŒVisualLightBoxã€:phpspoté–‹ç™ºæ—¥èªŒ
jQuery Image Lightbox: Prime Time DEMO LightBoxã¯ã“ã“ã¾ã§é€²åŒ–ã—ãŸã‚ˆã€ŒVisualLightBoxã€ CSS3ç‰ã‚’ä½¿ã£ã¦ã‹ãªã‚Šã‚ªã‚·ãƒ£ãƒ¬ã«é€²åŒ–ã—ãŸLightBoxãŒå®Ÿè£…ã§ãã¾ã™ã€‚LightBoxã¯ã‚‚ã†ï¼˜å¹´ãã‚‰ã„ã¾ãˆã«ç™»å ´ã—ã¦ã€ä»Šã‚ªãƒªã‚¸ãƒŠãƒ«ã‚’ã¿ã‚‹ã¨ãªã‚“ã‹å¤ã„æ„Ÿã˜ãŒã™ã‚‹ã¨ã„ã†ã“ã¨ã§æ™‚ã®æµã‚Œã‚’æ„Ÿã˜ã¾ã™ ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã‚ªã‚·ãƒ£ãƒ¬ã«æ‹¡å¤§ã€‚ ãƒ†ãƒ¼ãƒžãŒå¤§é‡ã«ã‚ã£ã¦å¥½ã¿ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é¸ã³ãŸã„æ”¾é¡Œ Windowsã£ã½ã„ã‚¹ã‚ãƒ³ã€‚LightBoxãŒå‡ºãŸã®ã£ã¦ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã‚’ç¦æ¢ã™ã‚‹ãƒ„ãƒ¼ãƒ«ãŒå¤šãå‡ºã¦ããŸã“ã¨ãŒèƒŒæ™¯ã«ã‚ã‚Šã¾ã™ãŒã€ãƒšãƒ¼ã‚¸å†…ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã•ã‚Œã¦ã„ã¦é¢ç™½ã„ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ã‚¹ãƒ¯ã‚¤ãƒ—ã§ãã‚‹LightBoxå®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSwipeboxã€ ä»Šã“ãçŸ¥ã£ã¦ãŠãLightboxé¢¨ãƒ—ãƒ©ã‚°ã‚¤ãƒ³20+
mut00tum 2013/04/22
Lightbox

ç”»åƒ

jQuery
ãƒªãƒ³ã‚¯
Swipebox | A touchable jQuery lightbox
What is Swipebox ? Swipebox is a jQuery "lightbox" plugin for desktop, mobile and tablet. Main Features Swipe gestures for mobile Keyboard Navigation for desktop CSS transitions with jQuery fallback Retina support for UI icons Easy CSS customization Basic Usage Javascript Include jquery and the swipebox script in your head tags or right before your body closing tag. <script src="lib/jquery-2.0.3.j
mut00tum 2013/02/16
Lightbox

ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼

ã‚¹ãƒ¯ã‚¤ãƒ—
ãƒªãƒ³ã‚¯
iLightBox Â· Revolutionary Lightbox Plugin â€“ Extended License â€“ iProDev Foundation
iLightBox Â· Revolutionary Lightbox Plugin â€“ Extended License$70.00 Use, by you or one client, in a single end product which end usersÂ can beÂ charged for. The total price includes the it em price and a buyer fee. Click here to learn more about extended license
mut00tum 2013/02/14
ã‚ãã€ã‹ã£ã“ã„ã„

lightbox

æœ‰æ–™
ãƒªãƒ³ã‚¯
Loading...
mut00tum 2012/12/18
Lightbox

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ã©ã‚Œä½¿ãŠã†ï¼Ÿãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ï¼ˆLightbox é¢¨ã‚¹ã‚¯ãƒªãƒ—ãƒˆï¼‰ã‚’é›†ã‚ã¦ã¿ã¾ã—ãŸ | ãƒã‚·ãƒ£ãƒã‚°ã€‚
ã“ã®é–“ã®æ˜¥ã®åµã¯ã™ã”ã‹ã£ãŸã§ã™ãã€‚ã„ã‚ã„ã‚é£›ã°ã•ã‚Œãªã„ã‚ˆã†ã«å¿…æ»ã ã£ãŸ kimoto ã§ã™ã€‚å¸°ã‚Šã®é›»è»Šã¯ä¹…ã€…ã«è¶³ãŒæµ®ãã»ã©ã®è¶…æº€å“¡ã‚’çµŒé¨“ã—ã¾ã—ãŸã€‚ ã•ã¦ã€ã¡ã‚‡ã£ã¨ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã‚’èª¿ã¹ã‚‹æ©Ÿä¼šãŒã‚ã£ãŸã®ã§ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ åŸºæœ¬çš„ã«ã€å…¨ã¦ jQuery ã§å‹•ãã‚‚ã®ã«ãªã£ã¦ã„ã¾ã™ã€‚ æœ€æ–°ã®æƒ…å ±ã£ã¦ã‚ã‘ã§ã¯ãªã„ã§ã™ãŒã€å ´é¢ã”ã¨ã«é¸ã¹ã‚‹ã‚‚ã®ã‚’é›†ã‚ã¦ã¿ãŸã®ã§ãŠè©¦ã—ãã ã•ã„ã¾ã›ã€‚ è¶…ã‚·ãƒ³ãƒ—ãƒ«ãªè»½é‡ã‚¹ã‚¯ãƒªãƒ—ãƒˆ leanModal leanModal leanModal ã¯ã¨ã«ã‹ãè»½é‡ã§ã™ã€‚ãƒ‡ãƒ¢ã‚’è§¦ã£ã¦ã¿ã‚‹ã¨ã€ãã®è»½ã•ãŒã‚ã‹ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ãŸã ã—ã€è»½ã•ã‚’å¾¹åº•çš„ã«è¿½æ±‚ã—ãŸçµæžœãªã®ã‹ã€IE6 ã«ã¯å¯¾å¿œã—ã¦ã„ãªã„ã¨ã®ã“ã¨ã€‚ ã¾ãŸã€ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚®ãƒ£ãƒ©ãƒªãƒ¼ãªã©ã¨ã—ã¦ã¯ä½¿ãˆãªã„ã¨ã®ã“ã¨ã§ã™ã€‚ ã¡ã‚‡ã£ã¨ã—ãŸæ–‡ç« ã‚’è¡¨ç¤ºã™ã‚‹ã ã‘ã®å ´åˆãªã©ã¯ã“ã‚Œã§ååˆ†ã§ã™ãã€‚ ãã“ãã“è»½é‡ã€ãã“ãã“æ©Ÿèƒ½çš„ Simple Modal Simple
mut00tum 2012/04/05
å€‹äººçš„ã«Lightboxã®ã‚‚ã£ã•ã„å‹•ããŒãã‚‰ã„

Lightbox
ãƒªãƒ³ã‚¯
1