woocommerce/FlexSliderArchived
FlexSlider
FlexSlider est un plugin jQuery de slider d'images utilisé pour créer des carrousels de contenu réactifs et des sliders d'images multi-éléments. Il permet la construction de galeries séquentielles pour des images et du contenu vidéo qui ajustent automatiquement la mise en page et la visibilité en fonction de la taille et de l'orientation de l'écran.
Le système prend en charge les mises en page de slider synchronisées, permettant à plusieurs instances de slider d'être liées afin qu'elles partagent les états d'animation, de lecture et de pause. Il fournit également une prise en charge des mises en page de droite à gauche et des directions d'animation personnalisables.
Le plugin couvre la navigation interactive de contenu via des balayages tactiles, des entrées clavier et le défilement à la molette de la souris. Il permet l'intégration de lecteurs vidéo tiers et l'implémentation de contrôles de navigation directionnelle et de pagination personnalisés.
Features
- Content Carousels - Provides a multi-item slider that displays a specific range of visible elements and animates slides at a set interval.
- Carousel Slider Plugins - A jQuery extension specifically designed to implement responsive sliding content carousels.
- Responsive Layouts - Automatically adjusts the layout and visibility of sliding galleries based on screen size and orientation.
- Content Carousels - Implements interactive components that cycle through a series of content elements.
- Content Sliders - Provides interactive sliding galleries for arbitrary content with touch and keyboard support.
- Responsive Sliders - Builds image sliders that automatically adjust layout and asset scaling based on screen size and orientation.
- Image Sliders - Provides sequential galleries for scrolling through images with customizable transition effects.
- jQuery Plugins - Implemented as a jQuery plugin that leverages the library for DOM selection and style updates during transitions.
- Carousel Instance Synchronization - Links multiple carousel instances so they synchronize their animation, play, and pause states.
- Event-Driven Input Handlers - Maps mouse, touch, and keyboard events to slider navigation methods to trigger slide transitions.
- Slider Synchronization - Coordinates the movement and state of multiple horizontal sliders across different sections of a page.
- Navigation Input Controllers - Provides utilities to manage and configure which input methods, such as touch swipes and mousewheels, trigger navigation.
- Video Player Embeds - Integrates video players from third-party providers into a sequential sliding gallery.
- Custom Navigation Controls - Allows replacing default navigation arrows and pagination containers with custom HTML or images.
- Independent Instance Management - Allows multiple isolated slider instances with independent states and configurations to coexist on a single page.
- CSS Media Queries - Uses CSS media queries and flexbox to automatically adjust the number of visible slides and element widths across different screen sizes.
