2013-04-15 3 views
0

J'utilise le diaporama SlideJs (http://www.slidesjs.com/) dans mon projet.SlideJS - Supprimer l'effet de facilité

Ici, je voulais avoir une image répétitive qui va glisser à gauche. En ce moment, j'ai mis l'intervalle à '0' pour que le diaporama se déplace juste à gauche sans aucun intervalle. Mais le problème ici est que je ne veux pas de cet effet de facilité qui donne une pause. Je voulais juste faire glisser le diaporama en continu de sorte que mon arrière-plan répétitif ressemble à couler doucement vers la gauche.

Toute aide appréciée. Merci d'avance.

+0

jsFiddle - http://jsfiddle.net/vc9w4/3/ –

Répondre

0

J'ai ajouté quelques patch sur votre violon, que vous pouvez voir ici:

http://jsfiddle.net/vc9w4/6/

D'abord, obtenir la nouvelle version du plug-in dans le Fiddle, Ensuite, il suffit de configurer votre curseur avec les nouvelles options pour le contrôle assouplissement vitesse:

$(function() { 
     $('#slides').slidesjs({ 
     width: 940, 
     height: 528, 
     navigation: false, 
      effect: { 
       slide: { 
        easing: { 
         animate: 'linear', // 'linear' or 'swing' 
         CSS3: 'linear' // 'linear' or 'ease' or anything you want: http://www.w3schools.com/cssref/css3_pr_transition-timing-function.asp 
        } 
       } 
      } 
    }); 
}); 

remarquez simplement que ce curseur utilise les propriétés CSS3 pour l'animation quand ils sont disponibles, et que les options d'assouplissement ne sont pas les mêmes entre CSS3 TransitionTimingFunc tion et jQuery animer, vous avez donc 2 paramètres à gérer afin de conserver la compatibilité avec les anciens navigateurs.

+0

Merci Flo-Schield-Bobby –

+0

Maintenant, les choses sensibles est cassée lors d'une nouvelle dimensionnement :( –

+0

Hummm ce que vous entendez par "cassé" In? En fait, tant qu'il utilise les propriétés CSS3, l'animation prend en charge le temps d'animation, donc le redimensionnement fonctionne avec ce timing! Mais je n'ai pas changé quelque chose sur la méthode "update" du Slider, voyez-vous un différence entre votre JSFiddle et celui que je vous ai donné, mis à jour? –

Questions connexes