Discussion :

[abc.xyz]

Bonjour,

ici http://bxslider.com/ se trouve un plugin.

Il est bien précisé que si on ne met pas le code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('.bxslider').bxSlider();

à l'intérieur
d un $(document).ready(), le plugin ne fonctionnera pas.

Je code en js de cette façon: je mets tout mon code dans un objet js que je nomme app
app={init:function{..code..}} et je fais ensuite:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
$(function() {
    app.init()
})

c'est comme ça que j'ai appris, faire app.init() initialise le DOM. C'est une bonne pratique.

ma question est:
pourquoi cela ne fonctionne pas de mettre $('.bxslider').bxSlider(); dans ma fonction init?

[danielhagnoul]

C'est une bonne pratique.

Oui ! Voir : http://learn.jquery.com/code-organization/concepts/

Et elle fonctionne normalement, que donne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<script>
    "use strict";
 
    var App = {
        'init' : function( ){
 
            // n'oubliez pas de charger les fichiers CSS et JS de bxSlider
            $('.bxslider').bxSlider();
        }
    };
 
    $( App.init() );
</script>

[abc.xyz]

Bonjour,

ici: http://bxslider.com/examples/auto-sh...-stop-controls
se trouve comment ajouter les boutons stop et start au plugin..
seulement je ne vois pas comment mettre ces boutons en css dans mon code, car bien sur rajouter les options js que sont auto: true et autoControls: true ne fait pas apparaitre les boutons en css..
j'ai le même problème avec les fleches droite et gauche sur les images qui defilent:comment les faire apparaitre?

merci