ç”»åƒã‚’ç”»é¢ã„ã£ã±ã„ã«åºƒã’ã¦ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã§åˆ‡ã‚Šæ›¿ãˆã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’実装ã™ã‚‹jQueryプラグイン・slideshowify.js - ã‹ã¡ã³ã¨.net地味ã«è‰¯ã•ãã†ã ã£ãŸã®ã§å‚™å¿˜éŒ²ã€‚ç”»é¢ ã„ã£ã±ã„ã«ç”»åƒã‚’広ã’ã¦ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¨ãƒ•ã‚§ クトã§ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’実装ã§ãã‚‹jQuery プラグイン・slideshowify.jsã§ã™ã€‚ã“㮠手ã®ãƒ—ラグインã¯æ²¢å±±ã‚ã‚‹ã®ã§é¸æŠžè‚¢ ã®ä¸€ã¤ã¨ã—ã¦ãƒ»ãƒ» ãªã‚“ã¨ãªãよã見ã‹ã‘ãŸç”»åƒã®ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³è¡¨ç¤ºã‚’実装ã—ã¾ã™ã€‚ã“ã®è¦‹ã›æ–¹ã¯è‰¯ã„写真や画åƒãªã‚‰é£²é£Ÿåº—やアパレル系ãªã©ã§ã¯è¨´æ±‚力もã‚ã‚‹ã—ã€ã‚ˆã見ã‹ã‘ã‚‹ã®ã‚‚当然ã¨ã„ãˆã°å½“然ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 ã‚ャプãƒãƒ£è¦‹ã¦ã‚‚全然ピンã¨æ¥ãªã„ã¨æ€ã„ã¾ã™ã®ã§Sampleã”覧下ã•ã„。 Sample 基本的ã«ã¯ç›´æŽ¥è²¼ã‚‰ã‚ŒãŸç”»åƒã‚’スライド化ã—ã¾ã™ã€‚※画åƒã¯mark sebastianæ°ã‚ˆã‚Š(CC-BY) 指定ã•ã‚ŒãŸã‚»ãƒ¬ã‚¯ã‚¿å¤–ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯positionプãƒãƒ‘ティã«ã‚ˆã£ã¦ç”»åƒä¸Šã«é…ç½®ã•ã‚Œã¦ã„ã‚‹å½¢ã¨ãªã‚Šã¾ã™ã€‚スライドã—ã¦ã„ã‚‹ç”»åƒã¯display:none;を使用ã—ã¦ã„ã¾ã™ã®ã§å„々ã®ç”»åƒã«ãƒªãƒ³ã‚¯ã¯è²¼ã‚Œã¾
[JS]超軽é‡ã€è¨ç½®ã‚‚ç°¡å˜ã€ã‚ªãƒ—ションも豊富ãªã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã®ã‚¹ã‚¯ãƒªãƒ—ト -Orbit
http://tobia.github.io/CrossSlide/
{{#tags}}- {{label}}
{{/tags}}