Discussion :

[sebgac]

Bonsoir,

Je voulais définir une fonction d'un plugin carroussel fotorama que j'ai trouvé sur le net. Je voulais enlever les flèches de navigation uniquement pour les devices inférieurs à 850 px.

Pour cela, j'ai suivi la doc de cette page : https://fotorama.io/docs/4/options/

Dans mon code javascript, j'ai donc rajouté la fonction suivante :

Code javascript :

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

1
2
3
4
5
6
7
function smallDevWithoutArrows() {
        if (window.matchMedia("(max-width: 850px)").matches) {
            $('.fotorama').fotorama({
                arrows : false
              });
        }
    }

Je pense avoir juste, et pourtant cela ne fonctionne pas. Ce qui est bizarre, c'est lorsque je rentre l'instruction directement dans la console, cela fonctionne parfaitement ... Regardez l'image ci dessous :



Cette instruction fonctionne :

Code javascript :

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

1
2
3
$('.fotorama').fotorama({
                arrows : false
              });

Cela me dit que que .fotorama n'est pas une fonction ... Pourtant je charge bien le script jQuery dans ma page, vu que le carroussel fonctionne parfaitement. J'imagine que j'ai raté un concept mais je ne vois pas quoi.


Mon site : http://photo.sebgac.com

Merci d'avance pour votre aide.