[B! javascript] dust6ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

dust6 id:dust6

javascriptã«é–¢ã™ã‚‹dust6ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (9)

${{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 slideViewer 1.2
slideViewer (a jQuery image slider built on a single unordered list) 1.2 Download slideViewer 1.2 (last updated july 9 2010) What's this? slideViewer is a lightweight (3.5Kb) jQuery plugin wich allows to instantly create an image gallery by writing just few lines of HTML such as an unordered list of images: <div id="mygalleryinpost10.12.2006" class="svw"> <ul> <li><img src="picts/10.jpg" alt="my d
dust6 2012/06/12
ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼

ajax

gallery

javascript
ãƒªãƒ³ã‚¯
jQueryã§èƒŒæ™¯ç”»åƒã‚’ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³è¡¨ç¤ºã—ã¦ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã«å‡ºæ¥ã‚‹ã‚„ã¤è‰²ã€… - ã‹ã¡ã³ã¨.net
æ°—ãŒå‘ã„ãŸã®ã§ãƒ¡ãƒ¢ã€‚èƒŒæ™¯ã«é…ç½®ã—ãŸ ç”»åƒã‚’ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã§è¡¨ç¤ºã—ã¦ã€æ›´ ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼åŒ–ã§ãã‚‹jQueryã®ãƒ— ãƒ©ã‚°ã‚¤ãƒ³ã¨ã‹ã€‚ã•ã»ã©æ•°ã¯ç„¡ã„ã§ã™ã‘ ã©ãƒ»ãƒ»ãƒ»ä½¿ã†å¯èƒ½æ€§ãŒã‚ã‚‹ã‹ã‚‚ãªã®ã§ å‚™å¿˜éŒ²çš„ã«ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ ã‚¿ã‚¤ãƒˆãƒ«è€ƒãˆã‚‹ã®çµæ§‹é¢å€’ãã•ã„ã®ã§é©å½“ã«ãªã£ã¦ãã¾ã—ãŸã€‚èªžå½™ãŒä¸å¦ç”Ÿãƒ¬ãƒ™ãƒ«ã§ã™ãŒæ°—ã«ã—ãªã„ã§ä¸‹ã•ã„ã€‚ ã•ã¦ã€ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã«ã—ãŸèƒŒæ™¯ã‚’ã‚¹ãƒ©ã‚¤ãƒ‰ã«å‡ºæ¥ã‚‹jQueryã„ã‚ã„ã‚ã§ã™ã€‚ã»ã¼æŠžä¸€ã£ã¡ã‚ƒæŠžä¸€ãªã‚“ã§ã™ã‘ã©ãƒ»ãƒ»ãƒ»ã¡ã‚‡ã£ã¨å‡ºæ¥ä¸ŠãŒã‚Šã™ãŽã¦ã„ã˜ã‚Šã«ãã„ã®ã§ä»–ã‚‚ãƒã‚§ãƒƒã‚¯ã—ãŸã„ã€ã¨ã„ã†äº‹ã§èª¿ã¹ãŸã‚‚ã®ã‚’ç¾…åˆ—ã—ã¦ãŠãã¾ã™ã€‚è§¦ã£ãŸã“ã¨ç„¡ã„ã®ã‚‚ã‚ã‚‹ã®ã§ãã®ç¨‹åº¦ã®è¨˜äº‹ã¨ã„ã†äº‹ã§ã€‚ Supersized å®šç•ªã®é«˜æ©Ÿèƒ½ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚IE6ã§ã¯å‹•ä½œã—ã¾ã›ã‚“ã€‚ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã‚‚å¤§ä¸ˆå¤«ã£ã½ã„ã€‚å¤šæ•°ã®ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã‚‚ç”¨æ„ã•ã‚Œã¦ãŠã‚Šã€Flickr APIã«ã‚‚å¯¾å¿œã—ã¦ã‚‹ãã•ã„ã§ã™ã€‚ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯MIT/GPLã®ãƒ‡ãƒ¥ã‚¢
dust6 2011/09/26
jQuery

jQuery

gallery

JavaScript

ç”»åƒ

èƒŒæ™¯

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

ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼
ãƒªãƒ³ã‚¯
ã€ãƒã‚¦ãƒ„ãƒ¼ã€‘ã‚¼ãƒã‹ã‚‰ã¯ã˜ã‚ã‚‹Lightbox 2.0 - ç°¡å˜ã«Webã§å†™çœŸã‚¢ãƒ«ãƒãƒ æ©Ÿèƒ½ã‚’ (1) Lightbox 2.0ã¨ã¯ï¼Ÿ | ãƒ‘ã‚½ã‚³ãƒ³ | ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«
Lightbox 2.0ã¨ã¯ï¼Ÿ Lightbox 2.0ã¯Ajaxã‚’åˆ©ç”¨ã—ã¦ç”»åƒã‚’è¡¨ç¤ºã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ç”»åƒã¯å˜ç‹¬ã®è¡¨ç¤ºã ã‘ã§ãªãã€è¤‡æ•°ç”»åƒã‚’ã‚°ãƒ«ãƒ¼ãƒ—åŒ–ã—ã¦ã‚¹ãƒ©ã‚¤ãƒ‰ã¨ã—ã¦è¡¨ç¤ºã•ã›ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ Lightbox 2.0ã®å¤§ããªç‰¹é•·ã¨ã—ã¦ã‚¹ã‚¯ãƒªãƒ—ãƒˆ(ãƒ—ãƒã‚°ãƒ©ãƒ )ã‚’è¨˜è¿°ã—ãªãã¦ã‚ˆã„ã¨ã„ã†ç‚¹ãŒã‚ã‚Šã¾ã™ã€‚ã¤ã¾ã‚Šã€å…¨ããƒ—ãƒã‚°ãƒ©ãƒ ãŒåˆ†ã‹ã‚‰ãªã„äººæ‰‹ã‚‚æ°—è»½ã«ä½¿ã†äº‹ãŒã§ãã¾ã™ã€‚Lightbox 2.0ã§ã¯HTMLã®<a>ã‚¿ã‚°ã®relå±žæ€§ã«lightboxã®æ–‡å—ã‚’è¨˜è¿°ã™ã‚‹ã ã‘ã§ã§ãã¦ã—ã¾ã†ã¨ã„ã†æ‰‹è»½ã•ã§ã™ã€‚ã¾ãŸã€JavaScriptã®ã‚³ãƒ¼ãƒ‰ãŒå®Ÿè¡Œã§ãã‚‹ãƒ–ãƒã‚°ã§ã‚ã‚Œã°Lightbox 2.0ã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Lightbox 2.0ã¯ä½œè€…ã§ã‚ã‚‹Lokesh Dhakaræ°ã®ã‚µã‚¤ãƒˆã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™(*1)ã€‚ ã€ŒLightbox2ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚µã‚¤ãƒˆã€ ã€ŒLightbox v2.0
dust6 2011/09/24
webãƒ‡ã‚¶ã‚¤ãƒ³

lightbox

webåˆ¶ä½œ

javascript

design
ãƒªãƒ³ã‚¯
ç”»åƒãŒã‚¯ãƒªãƒƒã‚¯ã•ã‚ŒãŸã‚‰ç”»åƒã‚’å…¥ã‚Œæ›¿ãˆã‚‹ - JavaScript
ã‚µãƒ³ãƒ—ãƒ«ã¨æ©Ÿèƒ½ â†’ Sample 1ï¼šã‚¯ãƒªãƒƒã‚¯ã•ã‚ŒãŸã‚‰ç”»åƒã‚’å…¥ã‚Œæ›¿ãˆã‚‹ â†’ Sample 2ï¼šæ§˜ã€…ãªãƒ•ã‚£ãƒ«ã‚¿ã‚’ç”¨ã„ã¦ç”»åƒã‚’å…¥ã‚Œæ›¿ãˆã‚‹ ç”»åƒãŒã‚¯ãƒªãƒƒã‚¯ã•ã‚ŒãŸã‚‰ç”»åƒã‚’å…¥ã‚Œæ›¿ãˆã¾ã™ã€‚ ãƒ•ã‚©ãƒˆã‚¢ãƒ«ãƒãƒ ãªã©ã‚’ä½œã‚‹å ´åˆã«æœ‰åŠ¹ã§ã™ã€‚ Sample 2ã®ã‚ˆã†ã«å…¥ã‚Œæ›¿ãˆã‚‹éš›ã«ã„ã‚ã‚“ãªåŠ¹æžœã‚’åŠ ãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã‚¹ã‚¯ãƒªãƒ—ãƒˆ ç·‘ã®æ–‡å—ãŒå¤‰æ›´ç®‡æ‰€ã§ã€èµ¤ã„æ–‡å—ãŒå¯¾å¿œã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ã™ã€‚ "//"ä»¥ä¸‹ã¯ã‚³ãƒ¡ãƒ³ãƒˆã§ã™ã€‚å‰Šé™¤ã—ã¦ã‚‚å½±éŸ¿ã‚ã‚Šã¾ã›ã‚“ã€‚ å¿…è¦ãªç®‡æ‰€ã‚’ã‚³ãƒ”ãƒ¼ï¼†è²¼ã‚Šä»˜ã‘ã—ã¦ç·¨é›†ã—ã¦ãã ã•ã„ã€‚ â†’ Sample 1ï¼šã‚¯ãƒªãƒƒã‚¯ã•ã‚ŒãŸã‚‰ç”»åƒã‚’å…¥ã‚Œæ›¿ãˆã‚‹ <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> <!-- // ç”»åƒãŒã‚¯ãƒªãƒƒã‚¯ã•ã‚ŒãŸã‚‰ç”»åƒã‚’å…¥ã‚Œæ›¿ãˆã‚‹ // img0.jpg,img1.jpgãªã©ã®æ•°å—ãŒç¶š
dust6 2011/09/24
ç”»åƒå…¥ã‚Œæ›¿ãˆ

webdesign

javascript

design
ãƒªãƒ³ã‚¯
[JS]åœ°å‘³ãªãƒ•ã‚©ãƒ¼ãƒ ã‚’ç°¡å˜ã«ã‹ã‚ã„ã‚‰ã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã™ã‚‹ -Ideal Forms
ç”»åƒã‚’ä¸€åˆ‡ä½¿ç”¨ã›ãšã€æ—¢å˜ã®ãƒ•ã‚©ãƒ¼ãƒ ã‚’ã‹ã‚ã„ã‚‰ã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã«å¤‰æ›´ã™ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã®ãƒã‚§ãƒƒã‚¯ã‚‚ç”»åƒã§ã¯ãªã„ã§ã™ã‚ˆã€‚ Ideal Forms ãƒ‡ãƒ¢ [ad#ad-2] Ideal Formsã®ãƒ‡ãƒ¢ ãƒ•ã‚©ãƒ¼ãƒ ã®å¤–è¦³ã¯ç”»åƒã¯ä½¿ç”¨ã›ãšã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€è‡ªåˆ†ç”¨ã®ã‚«ãƒ©ãƒ¼ã«å¤‰æ›´ã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã€‚ ãƒ‡ãƒ¢ã§ã¯ã€3ã¤ã®ã‚¹ã‚¿ã‚¤ãƒ«ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã‚¹ã‚¿ã‚¤ãƒ«ï¼šComix Ideal Formsã®ä¸»ãªç‰¹å¾´ ãƒ•ã‚©ãƒ¼ãƒ ã«ç¾Žã—ã„å¤–è¦³ã‚’ä¸Žãˆã‚‹è»½é‡ï¼ˆ14Kbï¼‰ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã€‚ ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚‚ç°¡å˜ã§ã€éžå¸¸ã«ä½¿ã„ã‚„ã™ã„ã§ã™ã€‚ ç”»åƒã¯å¿…è¦ãªãã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é©ç”¨ã—ã¦ã„ã¾ã™ã€‚ [ad#ad-2] Ideal Formsã®å®Ÿè£… ãƒ•ã‚¡ã‚¤ãƒ«ã®ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ ä»¥ä¸‹ã®2ã¤ã‚’ãƒ•ã‚©ãƒ«ãƒ€ã”ã¨ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ css/idealForms js/idealForms.js
dust6 2011/09/21
jQuery

CSS

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

ãƒ•ã‚©ãƒ¼ãƒ

ãƒ‡ã‚¶ã‚¤ãƒ³

ã‚¹ã‚¯ãƒªãƒ—ãƒˆ

javascript
ãƒªãƒ³ã‚¯
ã€å‹Ÿé›†ã€‘1/29å‘ã‘ãŠçµµæãä¼ç”»ã‚„ã£ã¦ã¾ã™ | YoungYoung
dust6 2011/09/03
ãƒ–ãƒã‚°ãƒ‘ãƒ¼ãƒ„

javascript

twitter
ãƒªãƒ³ã‚¯
Tumblr Thumbnails | Tumblrã®ã‚µãƒ ãƒã‚¤ãƒ«ã‚’ä½œæˆã™ã‚‹ã‚µãƒ¼ãƒ“ã‚¹
dust6 2011/09/03
ã“ã‚“ãªä¾¿åˆ©ãªã‚µãƒ¼ãƒ“ã‚¹ãŒã‚ã£ãŸã®ã‹ãƒ¼

ã“ã‚Œã¯ã™ã”ã„

javascript

webã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
Bridge Word
This shop will be powered by Are you the store owner? Log in here
dust6 2011/06/05
php

å†™çœŸ

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

photo

javascript

lightbox
ãƒªãƒ³ã‚¯
[PHP]ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹ã ã‘ã§è¨ç½®ã§ãã‚‹ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼
Script & Styleã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‹ã‚‰ã€ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹ã ã‘ã§è¨ç½®ã§ãã‚‹ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Automatically Generate a Photo Gallery ãƒ‡ãƒ¢ ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹ç”»åƒã¯ã€å¤§ãã„ç”»åƒã¨ãã®ã‚µãƒ ãƒã‚¤ãƒ«ç”»åƒã®ï¼’ã¤ãŒå¿…è¦ã§ã€ãƒ•ã‚¡ã‚¤ãƒ«ã®åå‰ã¯ä¸‹è¨˜ã®ã‚ˆã†ã«ã€Œ-thumbã€ã‚’ä»˜åŠ ã—ã¾ã™ã€‚ å¤§ãã„ç”»åƒã®ãƒ•ã‚¡ã‚¤ãƒ«å IMG_0813.jpg ã‚µãƒ ãƒã‚¤ãƒ«ç”»åƒã®ãƒ•ã‚¡ã‚¤ãƒ«å IMG_0813-thumb.jpg ã‚µãƒ ãƒã‚¤ãƒ«ç”»åƒã®ã‚µã‚¤ã‚ºã¯ç‰¹ã«æŒ‡å®šã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€åŒã˜ã‚µã‚¤ã‚ºã®ã‚‚ã®ãŒæœ€é©ã§ã™ã€‚ ãƒ‡ãƒ¢ã§ã¯ã€100x100ã¨ãªã£ã¦ã„ã¾ã™ã€‚ ã¾ãŸã€HTML, CSSã‚’ä¿®æ£ã™ã‚‹ã“ã¨ã§ã€ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’å¥½ã¿ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«å¤‰æ›´ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚
dust6 2011/06/04
php

photo

ã‚®ãƒ£ãƒ©ãƒªãƒ¼

ãƒ•ã‚©ãƒˆã‚®ãƒ£ãƒ©ãƒªãƒ¼

ç”»åƒ

jQuery

javascript
ãƒªãƒ³ã‚¯
1