desoSlide… encore, v1.1.0 !

Deux jours seulement après la sortie de la version 1.0.3, j’ai décidé de revoir intégralement la syntaxe des options. Cela devenait trop fouillis, beaucoup d’options disponibles pour au final peu de lisibilité. J’ai donc regroupé certaines en sous-objets et j’ai également revu une « erreur de nommage » car à certains endroits « caption » signifiait « overlay », or ce n’est pas la même chose.
Petit comparatif des options avant/après :

Avant (v1.0.3)

var defaults = {
	autoLoad: 			true, 				/* Preloading images */
	autoStart: 			false, 				/* Autostarting diaporama */
	callback: 			false, 				/* The slider result ("success", "error" or "warning") */
	displayCaption: 	'always', 			/* Type of show (caption) 'always' or 'hover' */
	displayErrors: 		true, 				/* Show errors in console */
	displayWarnings: 	true, 				/* Show warnings in console */
	effect:  			'fade',				/* Transition effect ("fade", "flip", "light", "roll", "rotate") */
	enableCaption: 		true, 				/* Show caption: data-caption required */
	enableControls: 	true, 				/* Able to control (prev/pause/play/next) */
	enableControlsKeys: true, 				/* Able to control the slider by using the keyboard shortcuts (left/right/space) */
	firstImg: 			0, 					/* Index of the first image to show */
	insertion: 			'append', 			/* Wrapper insertion type */
	interval: 			3000, 				/* Interval between each image */
	mainImage: 			false, 				/* Main image selector */
	mainImageClass: 	'img-responsive' 	/* Main image class */
};

Après (v1.1.0)

var defaults = {
	main: {
		container: 	false, 		/* Container for the main image */
		cssClass: 	'', 		/* Main image class */
		insertion: 	'append'	/* Wrapper insertion type ("prepend", "append", "replace") */
	},
	auto: {
		load: 		true, 		/* Preloading images */
		start: 		false 		/* Autostarting diaporama */
	},
	first: 			0, 			/* Index of the first image to show */
	interval: 		3000, 		/* Interval between each image */
	effect:  		'fade',		/* Transition effect ("fade", "flip", "light", "roll", "rotate") */
	overlay: 		'always', 	/* How to show overlay ("always" or "hover") */
	caption: 		false, 		/* Show caption: data-caption attribute required */
	controls: {
		enable: 	true, 		/* Able to control by clicking (prev/pause/play/next) */
		keys: 		true 		/* Able to control by using the keyboard shortcuts (left/right/space) */
	},
	log: {
		errors: 	true, 		/* Log errors in console */
		warnings: 	true 		/* Log warnings in console */
	},
	result: 		false 		/* The slider result ("success", "error", "warning") */
};

Je pense que c’est déjà mieux. Dorénavant, le code minimal pour que le plugin fonctionne est :

$(function() {
	$('#demo_thumbs').desoSlide({
		main: {
			container: '#demo'
		}
	});
});

La page du plugin a été mise à jour en conséquence et vous pouvez télécharger cette nouvelle version.
Reportez-vous aux exemples et au tableau exhaustif en fin de documentation pour voir ce qui a vraiment changé.

Vous aimerez aussi...