https://github.com/guillaumebriday/slider-jquery

Plugin Slider
https://github.com/guillaumebriday/slider-jquery

javascript jquery plugin-slider slider

Last synced: 19 days ago
JSON representation

Plugin Slider

• Host: GitHub
• URL: https://github.com/guillaumebriday/slider-jquery
• Owner: guillaumebriday
• Created: 2015-04-16T06:29:06.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2017-04-12T09:54:39.000Z (over 7 years ago)
• Last Synced: 2024-12-18T15:08:23.984Z (23 days ago)
• Topics: javascript, jquery, plugin-slider, slider
• Language: JavaScript
• Homepage: http://guillaumebriday.github.io/slider-jquery/
• Size: 3.99 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# Slider Jquery v1.0

Ce plugin vous permettra de faire simplement des sliders entre deux images au survol de la souris.

Vous pouvez également accéder à une démo en ligne sur http://guillaumebriday.github.io/slider-jquery/.

## Table des matières

* Membre(s)

* Dépendance

* Comment s'en servir

* Informations complémentaires

## Membre(s)

* "Guillaume Briday" 

## Dépendance

Le plugin a besoin de Jquery pour fonctionner.

## Comment s'en servir

1. Inclure le css :

    ```html

        

        // 

    ```

2. Inclure Jquery et le plugins:

    ```html

        

        

        // 

    ```

3. Coller la structure HTML du plugin où vous le souhaitez :

    Vous devrez adapter le lien des images pour y mettre les votres.

    ```html

        


            

            


                

            

        

    ```


4. Appelez le plugin en Jquery:

    ```javascript

        (function($){

            $(".js-slider-container").slider();

        })(jQuery);

    ```

    Vous pouvez également rajouter des options :

    * rollback : permet de faire revenir automatiquement ou non le slider au milieu lorsque la souris ne survole plus les images.

    * duration : C'est le durée de l'animation de "callback" en ms

    * width : C'est la taille par défaut de la seconde image

    ```javascript

        (function($){

            $(".js-slider-container").slider({

                rollback : true, // true|false

                duration : 400, // Durée de l'animation en ms

                width : '50%'

            });

        })(jQuery);

    ```

## Informations complémentaires

N'hésitez pas à me contacter pour avec des informations complémentaires ou me remonter un bug.