Après avoir testé divers curseurs de jQuery sensibles, j'ai décidé d'aller avec BXSlider. Je suis perdu maintenant à cause d'un problème que je ne savais pas comment résoudre. Je veux que mon bxslider (version 4.1) soit sur le côté droit de ma page
JS: si j'ajoute flotter: gauche à # Diaporama, alors une chose étrange se produit, toutes les images sont en petites pouces chargées. De toute évidence, BxSlider n'a pas d'informations sur la taille de l'image. Si je donnais la largeur et la hauteur ul.bxslider autour du premier élément, cela fonctionne, mais à nouveau, aucune réponse (coulisse pas à l'échelle) Problème de côté: Mes images sont de 500px de large , si je donne la largeur #slideshow = 500px, alors je perds aussi la responsabilité. C'est pourquoi j'utilise: max-largeur: 500px.
(à propos de & diaporama)
6 Réponses :
J'ai eu plusieurs fois un problème de similiaire avec le bxslider et ne savez pas comment résoudre,
My SUGESSTION EST UTILISE ELASTISLIDER Lien
Cela fonctionne pour moi avec de grandes images et aucun problème avec la conception réactive.
Il est facile à mettre en œuvre et vous pouvez modifier le style dans les fichiers .CSS. Comment vous voulez
Thx, mais Elastislider est un carrousel, alors que j'ai besoin d'un bon diaporama horizontal réactif en douceur avec des balles de pagination. J'ai essayé FlexSlider, mais il a un bug dû au chargement lent du curseur, vous pouvez le voir scintiller au début.
Le même problème que je vois avec d'autres plugins de curseur, perdant leur réactivité lorsqu'il est enveloppé à l'intérieur d'un élément flotté. La solution, dans mon cas, devait ajouter: Si d'abord, quelque part dans vos styles, vous avez flotté l'élément contenant les diapositives, mais lorsque vous avez la fenêtre de visualisation est inférieure à 600px, il n'y a pas besoin de Pour que le curseur maintienne du côté droit (en raison de la plus grande largeur), retirez le flotteur, renvoyez la réactivité.
J'ai eu le même problème, mais cela n'a rien fait de manière réactive, quelle que soit la taille / la fenêtre, etc.
J'aime BxSlider, donc je suis chassé autour de la source, pendant un moment et j'ai constaté qu'il s'agissait d'une question de CSS. Vous devez ajouter: et cela a fonctionné pour moi.
J'espère que cela le corrigé pour vous. NB: Ceci peut être corrigé dans une version différente.
Dans mon cas, il était dû à la version compressée de la JS "jquery.bxslider.min.js" lorsque j'ai utilisé le fichier non compressé qu'il a fonctionné. Le curseur est réactif avec le fichier non compressé de sorte que la compression doit avoir ruiné quelque chose.
C'est la réponse, utilisée la version non compressée et le bingo
J'ai aussi eu le problème, et je l'ai résolu avec la définition d'une extrêmement élevée de très haute largeur sur la diapositive bxslider définira automatiquement une valeur appropriée pour le Diapositives. P> li code> éléments du curseur. li {
width: 10000px; // inital width, bxSlider sets its own
display: block;
}
li img {
max-width: 100%;
}