Bonsoir, je suis entrain d'essayer quelque chose mais qui ne fonctionne pas, voici le code :
Pour inclure le toolkit j'ai utilisé cette fonction :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60 (function($, document, window, viewport) { var slider; $(document).ready(function() { var settings = function() { var settings_xs = { slideWidth: jQuery('.posts-bar').width(), minSlides: 1, maxSlides: 1, pager: false, controls: false }; var settings_sm = { slideWidth: jQuery('.posts-bar').width() / 2, minSlides: 2, maxSlides: 2, pager: false, controls: false }; var settings_md = { slideWidth: jQuery('.posts-bar').width() / 4, minSlides: 4, maxSlides: 4, pager: false, controls: false }; var settings_lg = { slideWidth: jQuery('.posts-bar').width() / 8, minSlides: 8, maxSlides: 8, pager: false, controls: false }; if (viewport.is('xs')) { return settings_xs; } if ((viewport.is('>=sm')) && (viewport.is('<=md'))) { return settings_sm; } if ((viewport.is('>=md')) && (viewport.is('<=lg'))) { return settings_md; } slider = $('.slider').bxSlider(settings); }; }); $(window).resize( viewport.changed(function(){ slider.reloadSlider(settings()); }) ); })(jQuery, document, window, ResponsiveBootstrapToolkit);
Si quelqu'un peut me dire ce qui ne va pas, je remercie d'avance.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31 function opc_scripts() { wp_enqueue_style( 'opc-style', get_stylesheet_uri() ); wp_enqueue_style( 'FreckleFace-font', 'https://fonts.googleapis.com/css?family=Freckle+Face' ); wp_enqueue_style( 'bootstrap-style', get_template_directory_uri() . '/css/bootstrap.css' ); wp_enqueue_style( 'masthead-style', get_template_directory_uri() . '/css/masthead.css' ); wp_enqueue_style( 'bxslider-style', get_template_directory_uri() . '/css/jquery.bxslider.css' ); wp_enqueue_script( 'jquery' ); wp_enqueue_script( 'opc', get_template_directory_uri() . '/js/opc.js', array(jquery), '', true ); wp_enqueue_script( 'bootstrap', get_template_directory_uri() . '/js/bootstrap.js', array(jquery), '', true ); wp_enqueue_script( 'bootstrap-toolkit', get_template_directory_uri() . '/js/bootstrap-toolkit.js', array(jquery), '', true ); wp_enqueue_script( 'bxslider', get_template_directory_uri() . '/js/jquery.bxslider.js', array(jquery), '', true ); wp_enqueue_script( 'opc-navigation', get_template_directory_uri() . '/js/navigation.js', array(), '20120206', true ); wp_enqueue_script( 'opc-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20130115', true ); if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) { wp_enqueue_script( 'comment-reply' ); } } add_action( 'wp_enqueue_scripts', 'opc_scripts' );
Partager