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

cyokodog id:cyokodog

*Sliderã«é–¢ã™ã‚‹cyokodogã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (93)

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

Kwicks - jQueryè¨ç½®ãƒ¡ãƒ¢
cyokodog 2010/12/27
***jquery

**plugin-ref

*Slider

_Kwicks
ãƒªãƒ³ã‚¯
Home - Slide SJS
We have been working since 2009. We started with two people: a designer and a programmer. Today the company employs almost 20 people who are divided into four teams. Everyone is a master of his craft. There are open vacancies. We use all our experience, knowledge and skills to help you properly implement your plans to make the site a convenient tool - in this we see our mission. In tandem with the
cyokodog 2010/12/24
x

***jquery

**plugin

**plugin-demo

*Slider

_Slides
ãƒªãƒ³ã‚¯
ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼
cyokodog 2010/12/20
***jquery

**plugin-demo

*Slider

_ImageNavigation
ãƒªãƒ³ã‚¯
http://blog.net-king.com/2010/10/06/%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E3%81%AB%E3%83%9E%E3%82%A6%E3%82%B9%E3%82%AA%E3%83%BC%E3%83%90%E3%83%BC%E3%81%99%E3%82%8B%E3%81%A8%E3%83%A1%E3%82%A4%E3%83%B3%E7%94%BB%E5%83%8F%E3%81%8C%E5%88%87/
cyokodog 2010/12/20
***jquery

**plugin

**plugin-ref

*Slider

_ImageNavigation
ãƒªãƒ³ã‚¯
ã‚µãƒ¼ã‚¯ãƒ«çŠ¶ã®æ“ä½œã§ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒTiny Circlesliderã€ï½œBLACKFLAG
jQueryã§ã®ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼çš„ãªãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¯ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚„ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ãªã©å®šç•ªãªã‚‚ã®ãŒã‚ã‚Šã¾ã™ãŒã€ æ“ä½œã™ã‚‹ãƒã‚¤ãƒ³ãƒˆãŒã‚µãƒ¼ã‚¯ãƒ«çŠ¶ã«å›žè»¢ã—ã¦å‹•ä½œã™ã‚‹ã€ä»Šã¾ã§ã¨ã¯ä¸€å‘³é•ã†jQueryç”»åƒåˆ‡ã‚Šæ›¿ãˆãƒ—ãƒ©ã‚°ã‚¤ãƒ³ ã€ŒTiny Circlesliderã€ãŒãŠã‚‚ã—ã‚ã‹ã£ãŸã®ã§ã”ç´¹ä»‹ã€‚ â‰«Tiny Circleslider: A lightweight jQuery plugin ãƒ‡ãƒ¢ç”»é¢ã¯ä»¥ä¸‹ã®æ§˜ãªæ„Ÿã˜ã« Tiny Circleslider â€“ EXAMPLES æ“ä½œãƒã‚¤ãƒ³ãƒˆã‚’ã‚µãƒ¼ã‚¯ãƒ«çŠ¶ã«å›žã—ãŸã‚Šã€ã‚µãƒ¼ã‚¯ãƒ«å†…ã«ã‚¯ãƒªãƒƒã‚¯ãƒã‚¤ãƒ³ãƒˆã‚’è¨ç½®ã—ãŸã‚Šã€ ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚‚ã„ãã¤ã‹ã‚ã‚Šã€ã‚ªãƒ¼ãƒˆã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚å¯èƒ½ã«ãªã£ã¦ã„ã‚‹ãªã© ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã‚‚å……å®Ÿã—ã¦ã„ã‚‹ã‚‚ã‚ˆã†ã€‚ ãƒ‡ãƒ¢ç”»é¢ã§ã¯å†™çœŸã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ FancyBoxã‚’ä½¿ã£ãŸãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ãŒé–‹ãã¾ã™ã€‚ çµ„ã¿è¾¼ã¿æ–¹æ³•ã‚‚ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’è¦‹ã‚‹é™ã‚Š ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ãã«å®Ÿè£…ã§ãã
cyokodog 2010/11/23
***jquery

**plugin-ref

*Slider

_Tiny Circleslider
ãƒªãƒ³ã‚¯
Tiny Circleslider: A lightweight cross browser circular carousel.
What is it? Tinycircleslider is a circular slider / carousel. That was built to provide webdevelopers with a cool but subtle alternative to all those standard carousels. Tiny Circleslider can blend in on any wepage. It was built using the javascript jQuery library.
cyokodog 2010/11/23
***jquery

**plugin

**plugin-demo

*Slider

_Tiny Circleslider
ãƒªãƒ³ã‚¯
http://blog.net-king.com/2010/06/11/jquery%E3%81%AE%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%89%E3%82%B7%E3%83%A7%E3%83%BC%E3%80%81jcarousellite%E3%82%92%E4%BD%BF%E3%81%86/
cyokodog 2010/11/23
***jquery

**plugin-ref

*Slider

_jCarousel Lite
ãƒªãƒ³ã‚¯
ã‚·ãƒ³ãƒ—ãƒ«ãƒ»è»½é‡ï¼ˆ2.2KBï¼‰ãƒ»æ‰‹è»½ãªjQueryã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãƒ»hash slider - ã‹ã¡ã³ã¨.net
ã‚ˆãã‚ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã§ã™ãŒã€ è»½ãã¦ä½¿ã„ã‚„ã™ãã†ã§ã—ãŸã®ã§ãƒ¡ãƒ¢ã€‚ hash sliderã¯ã€ã‚ãšã‹2ã‚ãƒãƒã‚¤ãƒˆ ã»ã©ã®è»½é‡ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ã™ã€‚ã“ã†ã„ã† ã®ã¯ã„ãã¤è¦šãˆã¦ãŠã„ã¦ã‚‚æã—ãªã„ ã§ã™ãã€‚ è»½ã„ã€ã¨ã„ã†ã®ã¯å¤§äº‹ã§ã™ã‚ˆãã€‚ã‚¹ãƒ©ã‚¤ãƒ‰ã•ã›ã‚‹ã¨URLæœ«å°¾ã«#ï½žãŒä»˜ãã€ã“ã“ã«ãƒªãƒ³ã‚¯ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ã€‚ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚‚å˜ç´”ãªã®ã§ä½¿ã„ã‚„ã™ã„ã®ã§ã¯ã€‚ <div id="slider"> <ul> <li> example</li> <li> example2</li> </ul> </div> <div id="left"> goLeft </div> <div id="right"> goRight </div> <ul id="numbers"> <li></li> </ul> ãƒ‡ãƒ¢ã§ã¯ç”»åƒã‚’åˆ©ç”¨ã—ã¦ã„ã¾ã™ã€‚ #ï½žã«ãƒªãƒ³ã‚¯ #ï½žã«ãƒªãƒ³ã‚¯ã•ã›ã‚‹ã“ã¨ã§å€‹ã€…ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’æŒ‡å®šã—ã¦è¡¨ç¤ºã•
cyokodog 2010/11/18
***jquery

**plugin-ref

*Slider

_hash slider
ãƒªãƒ³ã‚¯
hash slider by manjographics
HASHSLIDER V2 OUT NOW! You can found an improved version of the hashslider here simple jquery hash-slider This jquery-based slider does what the most jquery-sliders do, but adds a hashtag to the window location, so you can link to any content / position of the slider. I was searching for a script like this for a while but didn't find one and so a decided to make one myself. For example: http://you
cyokodog 2010/11/18
***jquery

**plugin

**plugin-demo

*Slider

_hash slider
ãƒªãƒ³ã‚¯
jCarouselã®ã‚¨ãƒ©ãƒ¼ã®åŽŸå› ã¯CSSã«ã‚ã£ãŸ - ä¸»ã«æŠ€è¡“çš„ãªã“ã¨ã‚’æ›¸ããƒ–ãƒã‚°
jQueryã§ã‚«ãƒ«ãƒ¼ã‚»ãƒ«è¡¨ç¤ºã•ã›ã‚‹jCarouselã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ã‚ˆã†ã¨ã€ã¨ã‚Šã‚ãˆãšCSSã‚’èªã¿è¾¼ã¾ãšã«çµ„ã¿è¾¼ã‚“ã§ã¿ãŸã‚‰ jCarousel: No width/height set for it ems. This will cause an infinite loop. Aborting... ã¨ã„ã†ã‚¨ãƒ©ãƒ¼ãŒå‡ºã¦å‹•ã‹ãªã‹ã£ãŸã®ã§ã€ã„ã‚ã„ã‚æŽ¢ã£ã¦ã¿ãŸã‚‰ã€ .jcarousel-skin-tango .jcarousel-it em-horizontal { margin-right: 10px; } ã¨ã„ã†éƒ¨åˆ†ã€.jcarousel-it em-horizontal ã¨ã„ã†ã‚¯ãƒ©ã‚¹æŒ‡å®šã‚’æ¶ˆã—ã¦ã—ã¾ã†ã¨ã€ã‚¢ã‚¤ãƒ†ãƒ ã®é«˜ã•ã¨æ¨ªå¹…ãŒã‚ã‚Œã—ã¦ç„¡é™ãƒ«ãƒ¼ãƒ—ã—ã¾ã™çš„ãªã‚¨ãƒ©ãƒ¼ãŒå‡ºã¦æ¢ã¾ã‚‹ã¿ãŸã„ã§ã™ã€‚ ãã‚Œã§ã‚¨ãƒ©ãƒ¼ã¯ãªããªã£ãŸã‚“ã§ã™ã‘ã©ã€ã“ã‚“ã©ã¯ãªã‚“ã§ã‹ã€ä¸ã«4ã¤ã»ã©ä¸¦ã¶äºˆå®šã®ãƒªã‚¹ãƒˆã®æ¨ªå¹…ãŒå‹æ‰‹ã«ã‚¹ã‚¿ã‚¤ãƒ«ãŒç›´æ›¸ã
cyokodog 2010/09/17
***jquery

**plugin-ref

*Slider

_jCarousel
ãƒªãƒ³ã‚¯
Amazonã‚¹ã‚¿ã‚¤ãƒ«ã®ã‚¢ã‚¤ãƒ†ãƒ ã‚¹ã‚¯ãƒãƒ¼ãƒ©ãƒ¼å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³:phpspoté–‹ç™ºæ—¥èªŒ
Plugins | jQuery Plugins Amazonã‚¹ã‚¿ã‚¤ãƒ«ã®ã‚¢ã‚¤ãƒ†ãƒ ã‚¹ã‚¯ãƒãƒ¼ãƒ©ãƒ¼å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€‚ amazonã§ã‚ˆãè¦‹ã‚‹æ¬¡ã®ã‚ˆã†ãªã‚¢ã‚¤ãƒ†ãƒ ã‚¹ã‚¯ãƒãƒ¼ãƒ©ãƒ¼ã‚’jQueryã§ç°¡å˜ã«å®Ÿè£…ã§ãã¾ã™ã€‚ <ul>ã§ã‚¢ã‚¤ãƒ†ãƒ ãƒªã‚¹ãƒˆã‚’å®šç¾©ã—ã¦ãŠã„ã¦ã€$(element).amazon_scroller({options}); ã®ã‚ˆã†ã«ã—ã¦ç°¡å˜ã«åˆæœŸåŒ–ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ ãƒ–ãƒã‚°ã‚¨ãƒ³ãƒˆãƒªã®ä¸‹éƒ¨ã§ã®ã‚ªã‚¹ã‚¹ãƒ¡å•†å“ãªã‚“ã‹ã®ç´¹ä»‹ã«ä½¿ãˆãã†ã§ã™ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ç”»åƒã‚’ç¸¦ãƒ»æ¨ªã«ã‚†ã£ãã‚Šã‚¹ãƒ©ã‚¤ãƒ‰ã•ã›ãŸã„å ´åˆã«ä½¿ãˆã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒPanoScrollã€ ã‚«ãƒ¼ãƒˆãŒç›®ç«‹ãŸãšã€ã„ã„æ„Ÿã˜ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¦ãã‚Œã‚‹ã‚·ãƒ§ãƒƒãƒ”ãƒ³ã‚°ã‚«ãƒ¼ãƒˆã®ä»•çµ„ã¿ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ»‘ã‚‰ã‹ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã•ã›ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³
cyokodog 2010/09/16
***jquery

**plugin-ref

*Slider

_Amazon Scroller
ãƒªãƒ³ã‚¯
Demo for Image gallery with fancy transitions effects(jQuery)
cyokodog 2010/09/16
***jquery

**plugin-demo

*Slider

_Amazon Scroller
ãƒªãƒ³ã‚¯
Amazon style image and title scroller with jQuery | image scroller
Usage Add js and css files. <link href="css/amazon_scroller.css" rel="stylesheet" type="text/css"></link> <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="js/amazon_scroller.js"></script> Add html tags. <div id="amazon_scroller1" class="amazon_scroller"> <div class="amazon_scroller_mask"> <ul> <li><a href="link1" title="title1"><img src="ima
cyokodog 2010/09/16
***jquery

**plugin

*Slider

_Amazon Scroller
ãƒªãƒ³ã‚¯
ç”»åƒã‚„HTMLã€å‹•ç”»ç‰ä½•ã§ã‚‚ã‚¹ãƒ©ã‚¤ãƒ‰ã§ãã¡ã‚ƒã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆå®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSudo Sliderã€:phpspoté–‹ç™ºæ—¥èªŒ
ç”»åƒã‚„HTMLã€å‹•ç”»ç‰ä½•ã§ã‚‚ã‚¹ãƒ©ã‚¤ãƒ‰ã§ãã¡ã‚ƒã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆå®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSudo Sliderã€ 2010å¹´07æœˆ26æ—¥- Sudo Slider jQuery Plugin Demo#1 ç”»åƒã‚„HTMLã€å‹•ç”»ç‰ä½•ã§ã‚‚ã‚¹ãƒ©ã‚¤ãƒ‰ã§ãã¡ã‚ƒã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆå®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSudo Sliderã€ã€‚ ç°¡å˜ãªå®šç¾©ã§ãªã‚“ã§ã‚‚ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã¨ã—ã¦å‹•ä½œã•ã›ã¡ã‚ƒã†ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ <div>ã®ä¸ã«<ul>ãƒªã‚¹ãƒˆã§<li>å†…ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ä¸¦ã¹ã‚‹ã ã‘ã§ã‚ã¨ã¯é †æ¬¡ã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¦ãã‚Œã‚‹ã‚ˆã†ã§ã™ã€‚ ã‚ã¨ã¯Ajaxã«ã‚ˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„èªã¿è¾¼ã¿ã«ã‚‚å¯¾å¿œã—ã¦ã‚‹ã¿ãŸã„ ä»¥ä¸‹ã«ã‚µãƒ³ãƒ—ãƒ«ã‚’ã”ç´¹ä»‹ã€‚ ã‚·ãƒ³ãƒ—ãƒ«ãªç”»åƒã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ ãƒšãƒ¼ã‚¸é€ã‚Šã‚’è¿½åŠ ã—ãŸä¾‹ ãƒšãƒ¼ã‚¸é€ã‚Šã¯ç•ªå·ã ã‘ã˜ã‚ƒãªãã¦ç‰¹å®šæ–‡å—åˆ—ã®å®šç¾©ã‚‚å¯èƒ½ ã‚¿ãƒ–ã£ã½ã„UIã«ã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã€‚ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®é«˜ã•ã¯è‡ªå‹•ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ãªãŒã‚‰èª¿ç¯€ã•ã‚Œã‚‹ã‚ˆã†ã«ã—ãŸã‚Šã‚‚ã§ãã‚‹ ä»–ã«ã‚‚è‰²ã€…
cyokodog 2010/09/16
***jquery

**plugin-ref

*Slider

_Sudo Slider
ãƒªãƒ³ã‚¯
Sudo Slider | Demos
If you need help, the first thing you should do is read the documentation. Start with reading howto setup the slider if you are completely lost. I like my work, like to see a piece of code grow. But humans doensn't live of air alone. So if you like my creation, you should consider giving me a cup of coffee.
cyokodog 2010/09/16
***jquery

**plugin

**plugin-demo

*Slider

_Sudo Slider
ãƒªãƒ³ã‚¯
è‡ªå‹•çš„ã«ç”»åƒã‚’ãƒªã‚µã‚¤ã‚ºã™ã‚‹jQueryã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ | Webæ´»ãƒ¡ãƒ¢å¸³
é€šå¸¸ã€ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’ä½œã‚‹éš›ã«ã¯å…¨ã¦ã®ç”»åƒã‚’åŒä¸€ã®ã‚µã‚¤ã‚ºã«ãƒªã‚µã‚¤ã‚ºèª¿æ•´ã—ã¦ã‹ã‚‰è¡¨ç¤ºã•ã›ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ ã“ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ã†ã¨è‡ªå‹•çš„ã«æœ€é©ãªã‚µã‚¤ã‚ºã«ãªã‚‹ã‚ˆã†ã«èª¿æ•´ã—ã¦ãã‚Œã¾ã™ã€‚ ï¼ˆã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¯ä½¿ç”¨ã—ãªã„ã®ã§ã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã¯ãã®ã¾ã¾ã§ã™ã€‚ï¼‰ ä»¥ä¸‹ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ã§å‹•ä½œã™ã‚‹ã‚ˆã†ã§ã™ã€‚ ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã®é…åˆ—ã‚’ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã«æ¸¡ã™ã ã‘ã§ã€ç°¡å˜ã«ã§ãã¾ã—ãŸã€‚ //ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã“ã“ã§æŒ‡å®šã—ã¾ã™ã€‚ var carousel_images = [ "1.jpg", "3575375564_79ab90dca8_b.jpg", "2505235306_b456603cf3_b.jpg", "2925947121_8b1f95c95b_b.jpg", "4481220450_91b0aa9e99_b.jpg", "299048945_faba1a6a4b_b.jpg", "2335224771_c
cyokodog 2010/09/16
***jquery

**plugin-ref

*Slider

_Image Scale Carousel
ãƒªãƒ³ã‚¯
jQuery Image Scale Carousel
What Makes jQuery Image Scale Carousel Different? It auto scales the images you put into it to the appropriate height and width keeping their aspect ratio in place. When working with imagery online keeping the integrity of an images aspect ratio is as important as anything else. This is what's so nice about this jQuery plug-in; you don't have to worry about all of your images being perfectly sized
cyokodog 2010/09/16
***jquery

**plugin

**plugin-demo

*Slider

_Image Scale Carousel

IE6-NG
ãƒªãƒ³ã‚¯
å¤šæ©Ÿèƒ½ä¸”ã¤ã€ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã®ã‚«ãƒ«ãƒ¼ã‚»ãƒ«ã‚’å®Ÿè£…ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãƒ»carouFredSel - ã‹ã¡ã³ã¨.net
ä½¿ã„å‹æ‰‹ãŒå‡„ãè‰¯ã•ãã†ã ã£ãŸã®ã§ ãƒ¡ãƒ¢&ã‚·ã‚§ã‚¢ã€‚ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã® ã‚«ãƒ«ãƒ¼ã‚»ãƒ«ã‚’å®Ÿè£…ã™ã‚‹jQueryãƒ—ãƒ©ã‚° ã‚¤ãƒ³ãƒ»carouFredSelã®ã”ç´¹ä»‹ã§ã™ã€‚ ã‚·ãƒ³ãƒ—ãƒ«ãªãŒã‚‰ç¸¦ã‚¿ã‚¤ãƒ—ã€ã‚¹ãƒ©ã‚¤ãƒ‰ã€ lightboxã‚’ä»˜åŠ ã•ã›ã‚‹äº‹ãŒå‡ºæ¥ã‚‹ç‰ ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã‚‚è±Šå¯Œã§ã™ã€‚ å‹•ãã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã‚·ãƒ³ãƒ—ãƒ«ãªã‚“ã§ã™ãŒã€è‰²ã€…ã¨ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºå‡ºæ¥ã‚‹ä»•æ§˜ã§ã€ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã€ã¨ã„ã†æ„Ÿã˜ã®ã‚«ãƒ«ãƒ¼ã‚»ãƒ«ç³»jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚
cyokodog 2010/09/14
***jquery

**plugin-ref

*Slider

_carouFredSel
ãƒªãƒ³ã‚¯
http://caroufredsel.frebsite.nl/
cyokodog 2010/09/14
***jquery

**plugin

**plugin-demo

*Slider

_carouFredSel
ãƒªãƒ³ã‚¯
è»½é‡ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒOrbitã€:phpspoté–‹ç™ºæ—¥èªŒ
ZURB ? Interaction Design and Design Strategy è»½é‡ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒOrbitã€ã€‚ ã‚ãšã‹2.8KBã¨ã„ã†ã‚µã‚¤ã‚ºã§ã‚¯ãƒ¼ãƒ«ãªå‹•ä½œã‚’ã™ã‚‹ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã®å®Ÿè£…ãŒå¯èƒ½ã§ã™ã€‚ å®Ÿè£…æ–¹æ³•ã¯å¿…è¦ãªJS, CSSã‚’èªã¿è¾¼ã‚“ã å¾Œã«ã€<div>ã®ä¸ã«<img>ã‚¿ã‚°ã‚’ä¸¦ã¹ã‚‹ã ã‘ã§ã™ã€‚titleã€altã‚¿ã‚°ã«ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ã‚’è¨å®šã—ã¦ãŠã‘ã°ä¸‹ã«è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ å®Ÿè£…ãŒè¶…ç°¡å˜ã‹ã¤è»½é‡ã¨ã„ã†ã“ã¨ã§ã„ã„æ„Ÿã˜ã§ã™ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª Flickré¢¨ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’ä½œã£ã¦ã¿ã‚ˆã† JavaScriptè£½ã®ç”»åƒã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãƒ»ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã„ã‚ã„ã‚ ã‚¯ãƒ¼ãƒ«ã«å‹•ä½œã™ã‚‹ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’å®Ÿç¾ã™ã‚‹JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒStart/Stop Sliderã€
cyokodog 2010/09/14
***jquery

**plugin-ref

*Slider

_Orbit

NG-IE6
ãƒªãƒ³ã‚¯
1 2 3 4 5 æ¬¡ã®ãƒšãƒ¼ã‚¸