jQuery simplyScroll - Logicbox
simplyScroll v2 a flexible jQuery content scroller with touch support Home » jQuery » simplyScroll This plugin is now legacy and is mostly unsupported! Core functionality still works, but all features described may not work as intended or at all, please use at your own risk! simplyScroll is a scroll-tastic jQuery plugin that can animate (scroll) content either automatically or manually, horizontal
è¦ç´ ã‚„ç”»åƒã‚’延々ã¨ãƒ«ãƒ¼ãƒ—スクãƒãƒ¼ãƒ«ã•ã›ã‚‹ã“ã¨ãŒã§ãる「jQuery simplyScroll〠| NAKAZI LAB.（ナカジラボ）
デモページ JavaScript (function($){ $(function(){ $('#loopSlide ul').simplyScroll({ autoMode: 'loop', speed: 1, frameRate: 24, horizontal: true, pauseOnHover: true, pauseOnTouch: true }); }); })(jQuery); HTML <div id="loopSlide"> <ul> <li><img src="img01.jpg" /></li> <li><img src="img02.jpg" /></li> <li><img src="img03.jpg" /></li> <li><img src="img04.jpg" /></li> <li><img src="img05.jpg" /></li> </ul>
「Cool Carouselsã€ã§ã¤ãる縦ã«ãƒ«ãƒ¼ãƒ—スクãƒãƒ¼ãƒ«ã™ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ | NAKAZI LAB.（ナカジラボ）
デモページ JavaScript (function($){ $(function() { $('#slideShow').carouFredSel({ responsive: false, direction: 'up', height: '100%', items: { start: 'random', height: 319, width: 481, visible: { min: 3, max: 3 } }, auto: { timeoutDuration: 0, pauseOnHover: false }, scroll: { items: '1', fx: 'slide', easing: 'linear', duration: 0.09 } }); }); })(jQuery); HTML <div id="container"> <div id="slideShow"><i
ループã§æµã‚Œã‚‹ãƒãƒŠãƒ¼ã‚’実装ã™ã‚‹jQueryプラグインを作ã£ã¦ã¿ãŸ
ループã§æµã‚Œã‚‹ãƒãƒŠãƒ¼ã‚’実装ã™ã‚‹ãƒ—ラグイン「infiniteFlow.jsã€ã‚’作りã¾ã—ãŸã€‚ 移動方å‘ã¨ã‚¹ãƒ”ードã®è¨å®šã€ã‚ªãƒ³ãƒžã‚¦ã‚¹æ™‚ã«åœæ¢ã™ã‚‹ã‹ã©ã†ã‹ã€ç”»é¢ã‚µã‚¤ã‚ºã®å¤‰æ›´ã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ 「infiniteFlow.jsã€ã®ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã¯ã“ã¡ã‚‰ 「infiniteFlow.jsã€ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ è¨å®šæ–¹æ³• jQueryã¨stonewall.jsã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="infiniteFlow.js"></script> HTML <div id="sample01"> <ul> <li><img src="./img/img01.jpg" width="200" height="140" /></li>
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Lazy load images before they come scrolling in
{{#tags}}- {{label}}
{{/tags}}