Voici enfin une bonne alternative au plugin JQuery Jcarousel. Le plugin bxCarousel permet comme son nom l’indique de faire un carousel. C’est la solution idéale pour afficher une multitude de miniature d’images sans prendre trop de place.

Le plugin a l’air plus simple à l’utilisation que Jcarousel, notamment au niveau du design et de l’imbrication d’éléments. Le plugin JQuery propose une dizaine d’options allant de la vitesse de l’animation au nombre d’éléments qui se déplacent en passant par le délai entre les animations.

Voici la liste exhaustive des options du plugin :

$(document).ready(function(){
  $('ul').bxCarousel({
	display_num: 4,       // number of elements to be visible
	move: 4,              // number of elements to the shift the slides
	speed: 500,           // number in milliseconds it takes to finish slide animation
	margin:0,             // right margin to be applied to each "li" element (in pixels, although do not include "px")
	auto: false,          // automatically play slides without a user click
	auto_interval: 2000,  // the amount of time in milliseconds between each auto animation
	auto_dir: 'next',     // direction of auto slideshow (options: 'next', 'prev')
	auto_hover: false,    // determines if the slideshow will stop when user hovers over slideshow
	next_text: 'next',    // text to be used for the 'next' control
	next_image: '',       // image to be used for the 'next' control
	prev_text: 'prev',    // text to be used for the 'prev' control
	prev_image: '',       // image to be used for the 'prev' control
	controls: true        // determines if controls will be displayed
  });
});

Je pense que pouvoir utiliser ce plugin à l’avenir, il me reste néanmoins à voir ce qu’il va réellement donner à l’utilisation !

Pas encore de billet sur le même sujet !

Pour la petite sélection de web designs de la semaine, je vous ai préparé une belle liste de 10 web designs utilisant des textures bois (en fond de page pour la plupart).

Dans cette liste on retrouve principalement des portfolios de web designers / graphistes (dont un français, le 6ème de la liste), 2 blogs (dont WPsmash, où j’aime assez l’utilisation de JQuery qui a été faite).

Malgré leur point commun évident, j’ai essayé de faire une sélection la plus large possible et de choisir des sites qui ne ressemblent, au final, pas tant que ça. Il suffit de cliquer sur les captures pour aller visiter les sites.

Enjoy !

1. Calixto Jùnior

2. Lanikai Properties

3. Respiro Media

4. The things we make

5. B. Candullo

6. Camille Boidron

7. Nine Lion Design

8. Julius Mattsson

9. Marmalade on toast

10. WPsmash

Pas encore de billet sur le même sujet !

Un site dans la même veine que JQueryStyle (qui a fait l’objet d’un post précédemment) : useJQuery.  useJQuery, est également un galerie présentant uniquement des sites web qui utilise JQuery. De plus lorsqu’un site apparait dans le showcase, on peut trouver le code JQuery du site sur la page descriptive du site, ce qui peut permettre de donner de l’inspiration facilement !

Comme sur JQueryStyle, j’y ai soumis mon site (arnaud-k.fr) et il a été accepté (dispo depuis hier). On peut le trouver ici sur useJQuery.

Pas encore de billet sur le même sujet !

JQueryStyle est un site proposant une Galerie, des tutoriels et des plugins pour JQuery. La partie vraiment intéressante (et inédite, il me semble) est le galerie regroupant des sites étonnants animés avec JQuery. On peut soumettre soi-même son site en cliquant sur « submit » dans le menu en haut. J’aime beaucoup l’utilisation de JQuery sur ce site (les effets de survol dans la galerie notamment).

Et pour finir, j’ai le plaisir d’annoncer l’apparition de mon site perso dans la galerie (arnaud-k.fr).

Pas encore de billet sur le même sujet !