Un utilisateur a demandé 👇
Salut tout le monde, comme vous pouvez le voir, j’ai trois diapositives sur la page que j’ai liée. On pense que l’un est plus grand vers le haut, les deux autres sont censés être deux plus petits côte à côte sous la grosse tête. Cependant, pour l’instant, lorsque j’insère le curseur, l’un se positionne automatiquement en dessous de l’autre. Existe-t-il un moyen de le faire ?
Ce sujet a été modifié il y a 2 ans et 8 mois par.
(@kbat82)
il y a 2 ans, 8 mois
Salut @analyticalmadness,
Vous pouvez essayer d’ajouter quelques styles pour les nager côte à côte :
.metaslider-271, .metaslider-265 {
float: left;
}(@analyticalfolie)
il y a 2 ans, 8 mois
Cela semble avoir fonctionné, merci !
(@kbat82)
il y a 2 ans, 8 mois
C’est super d’entendre @analyticalmadness. Passe un bon weekend!
Au fait, si vous appréciez le plugin MetaSlider, veuillez nous laisser un avis 5 étoiles. Ils nous aident beaucoup. Merci!
https://wordpress.org/support/plugin/ml-slider/reviews#new-post
(@analyticalfolie)
il y a 2 ans, 8 mois
Je n’ai fait que ça. 😉
Bien qu’il ne s’en soucie pas, une petite question s’est posée. L’astuce fonctionne, mais lorsque je rétrécis la fenêtre de mon navigateur, le curseur de gauche devient plus petit et le curseur de droite reste de la même taille.
Je voulais un peu d’espace entre les deux diapositives, donc le code réel que j’ai utilisé était : .metaslider-265 { float: right; }
Ci-dessous j’ai aussi essayé : .metaslider-265 { float: right; }
.metaslider-271 { float : gauche ; }
Mais même si cela ne le rendait plus plus petit, il a maintenant l’air vraiment bizarre lorsque je redimensionne la fenêtre de mon navigateur.
Des idées de ce que je peux faire à ce sujet?
(@kbat82)
il y a 2 ans, 8 mois
Salut @analyticalmadness,
Il peut sembler que vous souhaitiez flotter vers la gauche, définir la largeur et utiliser des requêtes @media. Tout ce que vous avez à faire est de jouer avec le design.
Cependant, si cela ne fonctionne pas, vous devrez peut-être utiliser une approche de conception plus moderne comme flexbox. Vous pouvez lire à ce sujet ici:
Mais parce que c’est tellement moderne, gardez à l’esprit que vous devez utiliser des préfixes de navigateur.
Voici un outil qui permet d’ajouter des préfixes de navigateur :
https://autoprefixer.github.io/
Collez votre code à gauche et il le corrigera pour vous à droite.
(@analyticalfolie)
il y a 2 ans, 8 mois
En fait, j’ai fini par nager vers la gauche, puis en utilisant une marge.
.metaslider-265, .metaslider-271 { flottant : gauche ; marge gauche : 2px ; }
Et maintenant cela fonctionne parfaitement. Quoi qu’il en soit, merci pour l’aide et je vous souhaite tout le meilleur dans le monde avec votre plugin très utile. 🙂
(@kbat82)
il y a 2 ans, 8 mois
Bien d’entendre ça! Bonne chance avec votre site Web.
Au fait, si vous appréciez le plugin MetaSlider, veuillez nous laisser un avis 5 étoiles. Ils nous aident beaucoup. Merci!
https://wordpress.org/support/plugin/ml-slider/reviews#new-post
(@analyticalfolie)
il y a 2 ans, 7 mois
Hé, vous aviez une question de suivi rapide, bien sûr.
Lorsque les curseurs sont positionnés les uns à côté des autres lors de l’utilisation de FlexSlider, quelque chose de très étrange se produit car il bascule rapidement, automatiquement et en continu entre la flèche “autre” sur la première diapositive et la flèche “précédente” sur la deuxième diapositive chaque fois que je survole le passez la souris sur la flèche.
Je ne peux contourner ce problème qu’en rendant les deux diapositives beaucoup plus petites afin qu’il y ait environ 30 pixels entre elles ou en passant à un autre curseur, mais aucune de ces options ne correspond à ce que j’essaie réellement de faire. -bon.
Existe-t-il un moyen d’empêcher que cela se produise si je ne place pas les diapositives plus éloignées ou si j’utilise un type de diapositive différent ?
(@kbat82)
il y a 2 ans, 7 mois
Salut @analyticalmadness,
Je ne vois pas ce qui se passe sur votre page. Ça c’est arrangé? Vous pouvez essayer de cocher “pas de mode de conflit” sur chacune des diapositives. Je ne sais pas si cela aidera cependant.
(@analyticalfolie)
il y a 2 ans, 7 mois
@kbat82
Salut,
Eh bien, je suis passé à un autre type de curseur (Rslides au lieu de FlexSlider) qui n’a pas de problème. Cependant, je pense que je préfère le look du FlexSlider.
Je passe actuellement à FlexSlider pour que vous puissiez le vérifier. Il est actuellement en “mode sans conflit”, mais malheureusement, cela ne semble pas aider.
(@kbat82)
il y a 2 ans, 7 mois
Salut @analyticalmadness,
Essayez d’ajouter cette règle de style :
.metaslider .flexslider {
overflow: hidden;
}(@analyticalfolie)
il y a 2 ans, 7 mois
@kbat82
Cela a parfaitement fonctionné. Merci encore!
Cela a-t-il résolu votre problème ?
Was this helpful?
0 / 0