插件

• color-thief/ (opens new window) 图片中抓取颜色
• imagesLoaded (opens new window) 判断图片是否加载完成

loading

colorBar (opens new window) 页面加载 (opens new window) Youtube-like (opens new window) 进度条 (opens new window)

fancybox

滚动支持

require 'jquery-mousewheel'
require '../vendor/jquery.fancybox.min.js'
$.fancybox.defaults.hash = false

scrollTimer = null
		$(document).on 'mousewheel', '.fancybox-slider-wrap', (event) ->
			clearTimeout scrollTimer
			$fancybox = $.fancybox.getInstance()
			if event.deltaY > 0
				scrollTimer = setTimeout () ->
					$fancybox.previous()
				, 200
			else
				scrollTimer = setTimeout () ->
					$fancybox.next()
				, 200

轮播图

http://react-responsive-carousel.js.org/

https://github.com/davidcetinkaya/embla-carousel 可改

https://react-slick.neostack.com/ 用过

https://github.com/FormidableLabs/nuka-carousel

https://kenwheeler.github.io/slick/#demos