jQuery点击小图显示大图片LightBox插件

jQuery点击小图显示大图片LightBox插件3421
相关jquery代码
$(function(){
		$('#example0').Chocolat({
			imageSize: 'contain'
		});

		$('#example1').Chocolat({
			loop           : true,
			imageSize     : 'cover',
			overlayOpacity : 0.9
		});

		$('#example2').Chocolat({
			container      : '#container1',
			imageSize     : 'contain',
			loop           : true,
		})

		$('#example3').Chocolat({
			container      : '#container2',
			imageSize     : 'cover',
		})
	});

	$(function(){
		var instance = $('#container3').Chocolat({
			setTitle : 'set title',
			loop: true,
			images : [
				{src : 'demo-images/1.jpg', title : 'caption 1'},
				{src : 'demo-images/6.jpg', title : 'caption 2'},
				{src : 'demo-images/8.jpg', title : 'caption 3'},
			],
			imageSize : 'contain',
			container : '#container3'
		}).data('chocolat');

		$('.api-open').on('click', function(e) {
			e.preventDefault()

			console.log('open start');
			var def = instance.api().open()

			def.done(function(){
				console.log('open done');
			})
		})
		$('.api-close').on('click', function(e) {
			e.preventDefault()

			console.log('close start');
			var def = instance.api().close()

			def.done(function(){
				console.log('close done');
			})
		})
		$('.api-prev').on('click', function(e) {
			e.preventDefault()

			console.log('prev start');
			var def = instance.api().prev()

			def.done(function(){
				console.log('prev done');
			})
		})
		$('.api-next').on('click', function(e) {
			e.preventDefault()

			console.log('next start');
			var def = instance.api().next()

			def.done(function(){
				console.log('next done');
			})
		})

		$('.api-cover').on('click', function(e) {
			e.preventDefault()

			console.log('cover mode start')
			instance.api().set('imageSize', 'cover')
			var def = instance.api().place()

			def.done(function(){
				console.log('cover mode done')
			})
		})

		$('.api-contain').on('click', function(e) {
			e.preventDefault()

			console.log('contain mode start')
			instance.api().set('imageSize', 'contain')
			var def = instance.api().place()

			def.done(function(){
				console.log('contain mode done')
			})
		})
	});

也许你还喜欢