Jump to content
Nordidi13

Slider qui s'adapte au responsive

Recommended Posts

Bonjour à tous, 

Version Presta 1.6.13.

Site web : www.wow-berry.fr

Voila mon problème,

j'ai un bloc ayant pour titre " Quelques témoignages" en page d'accueil.

Celui ci, lorsque l'ont passent sous la barre des 767 px se transforme en slider, on passe de 3 blocs alignés à 1 seul bloc.

Voici le code du JS Mon problème est expliqué à la suite.

<script>{literal}
$(document).ready(function() {
    slider.init();
});
slider = {
    init: function() {
        slider.elem = $("#shadw");
        slider.nbSlide = slider.elem.find("article").length;
        slider.current = 0;
        $("#fleche_droite").click(function() {
            slider.next();
        });
        $("#fleche_gauche").click(function() {
            slider.prev();
        });

    },
    next: function() {
        slider.current++;
if (slider.current == slider.nbSlide) {
    slider.current = 0;
}
        slider.elem.animate({
            marginLeft: -slider.current*340 + "px"
        });
       },
        prev: function() {
        
        if (slider.current > 0) {
    slider.current--;
}
        slider.elem.animate({
            marginLeft: -slider.current*340 + "px"
        });
    }
}

{/literal}</script>

Alors voilà : il est indiqué ici que mon nombre de slide correspond au nombre d'article : nbslide = slide.elem ... ("article")

cependant, lorsque je suis en versions tablette ( 767 - 1050 PX ) seulement 2 bloc apparaissent et nous devont donc slider qu'une fois afin de faire apparaître le 3eme. 

Le problème est que dans mon code, nous devons slider 3 fois pour pouvoir faire le tour du slider, il ne prend pas en compte le responsive du coup.

J'aimerais que lorsque mon dernier article est afficher le slider refasse sa boucle

Avez vous des solutions ?? merci beaucoup

Share this post


Link to post
Share on other sites

Pourquoi ne pas s'inspirer du bloc "Que voulez vous faire ?" de votre site.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More