Impressum

3 Menus jQuery slider carrousels d’images avec SPIP

vendredi 6 mai 2011
par  François Daniel Giezendanner
popularité : 1%
3 votes

 3 sites SPIP exploitant un Menus jQuery slider carrousels d’images

Nous présentons brièvement 3 « Menus jQuery slider carrousels d’images » mis en œuvre avec pertinence et brio dans 3 sites SPIP, le résultat est du plus bel effet.

Ces 3 menus n’existent pas (encore) sous forme de contributions ou de plugins pour SPIP.


 Menu Carrousel d’images sur le site « commetoujours.com »

GIF - 44.5 ko
GIF - 36.2 ko

Un menu carrousel d’images qui tourne tout seul et dont la vitesse de rotation et le sens de rotation dépendent de la position de la souris.

 Sources utilisées

Information sur 3D Carousel Menu FX

Voir aussi :


 Deux menus sur le site « pix-l.fr »

 1. Menu d’images sélectionnées et tournant au clic de souris

Cinq images pour les 5 entrées du menu ; dont une sélectionnée, plus grande, placée à droite. La rotation des 4 images sélectionnables, plus petites placées, à gauche est effectuées au clic de souris et en mode automatique selon une chronologie pré-établie.

Ainsi :

  • à gauche les images du menu à sélectionner, cliquer une image la sélectionne et fait tourner le groupe ’images ;
  • à droite l’image-lien sélectionnée qui envoie à l’URL désirée lorsqu’on la clique.

Ce menu est situé en haut de la page d’accueil du site.

Nous n’avons pas d’information sur le plugin Flash utilisé pour cet élégant menu.

 2. Menu Carrousel d’images par groupes de 8

Les groupes de 8 images défilent horizontalement par un clic aux extrémités gauche et droite du carrousel.

Ce menu est situé en bas de la page d’accueil du site.

GIF - 108.9 ko

 ImageFlow de Grégory PASCAL

Un agréable « Menu Carrousel d’images » qui tourne :

  • avec une barre de défilement placées au dessous du carrousel et des curseurs aux extrémités ;
  • avec un clic de souris sur les images latérales à l’image centrale.

Le défilement des images est très doux et fluide.

GIF - 50.7 ko

Voici quelques commentaires de Grégory PASCAL sur son Carrousel d’images :

Pour la page d’accueil il existait un projet similaire pour SPIP (Cf. Plugin « Portfolio ImageFlow » pour SPIP 1.9.2d et 1.9.3 FDG dixit) mais j’ai décidé d’utiliser le Flash iTunes Cover Flow de weberdesignlabs qui est plus joli.

L’adaptation nécessite de s’attarder un peu sur les squelettes mais le principe de cette animation est relativement classique du SWF+XML :

- La librairie AC_RunActiveContent.js inclus le SWF dans la page.
- Ensuite flash va tenter de récupérer la liste des objets à faire défiler dans un fichier xml ...

 Sources

 Autres contributions de de Grégory PASCAL

Grégory PASCAL, alias ngombe est un développeur pour le rectorat de la Guyane, il travaille beaucoup avec SPIP sur des applications en relation avec l’éducation.

On lui doit trois excellents plugins dont 2 sur de très beaux sliders d’images :


 Plugin « Portfolio ImageFlow »

JPEG - 242.8 ko

 Sources


 Sites exemples


Publications

Derniers articles publiés

Agenda

<<

2017

 

<<

Novembre

 

Aujourd'hui

LuMaMeJeVeSaDi
303112345
6789101112
13141516171819
20212223242526
27282930123
Aucun évènement à venir les 6 prochains mois

Météo

Ville(SZXX0013)

Conditions météo à 0h0
par weather.com®

Inconnu

°C


Inconnu
  • Vent :  km/h - N/D
  • Pression :  mbar tendance symbole
Prévisions >>


Annonces

Embed Twitter « responsive tools »

Pour le faire sur votre site


Embed Twitter « RWD »

Pour le faire sur votre site


Embed Twitter dans SPIP

Pour le faire sur votre site


Sites favoris


1 site référencé dans ce secteur