2012-07-02 8 views
1

StackOverflow'ersBxSlider Fade In et Out

Je suis nouveau à jQuery mais je suis actuellement en utilisant le BXslider Branchez.

<script type="text/javascript"> 
    $(document).ready(function(){ 
    $('#slider').bxSlider(); 
    }); 
</script> 

Tout ce que je veux faire est de faire le curseur, sur chaque glissez, glissez dedans et dehors, de gauche à droite.

Répondre

6

Dans le lien que vous avez posté sont toutes vos options pour personnaliser le plugin. Vous pouvez modifier les valeurs comme ceci:

$(document).ready(function(){ 
    $('#slider').bxSlider({ 
    mode: 'fade', 
    }); 
}); 

Si vous cherchez plus d'options de transition/assouplissement, vous devrez inclure jQuery Easing. Obtenir que ici: http://gsgd.co.uk/sandbox/jquery/easing/

ajouter ensuite l'option assouplissement comme ceci:

easing: 'swing', 

Pour votre information 'swing' est la valeur par défaut.

+0

ce que j'étais après! Cependant, il ne s'agit pas d'un «swinging». Il ne fait que passer d'une diapositive à l'autre, alors il a perdu sa transition gauche-droite par défaut. Une chance de le faire entrer de droite à gauche et de se fondre? Mais merci beaucoup pour votre réponse. –

+0

Si vous ne voulez pas qu'il disparaisse, supprimez l'option mode (puisque la valeur par défaut est 'horizontal'). Pour changer la direction du curseur, ajoutez cette option: autoDirection: 'prev', – Connor

+0

Je veux que le curseur glisse horizontalement et se fane. Pour le moment, il ne fait que disparaître. Des idées? –

0

L'ID de votre liste ou div doit être égal à celui du code jQuery.

Vérifiez s'il existe d'autres codes qui n'ont pas été correctement fermés et qui pourraient interférer avec cela.

Assurez-vous d'avoir ajouté la version de jQuery compatible avec le plugin et ajouté le fichier .min.js dans l'en-tête de la page.

+0

J'ai fait tout cela, j'ai seulement listé la partie du jQuery qui doit changer. Le Slider fonctionne bien donc je n'ai pas besoin de vérifier ce qui précède, je ne peux pas trouver un moyen d'ajouter chaque diapositive à un fondu. –

+0

Voir [JS Bin exemple] (http://jsbin.com/ikoguf) –