BullGuard Antivirus Sale - 60% Off with openElement !
Accueil Forum Accueil Forum >

openElement

> Discussion générale openElement
  Nouveaux messages Nouveaux messages Fil RSS  - Slider responsive
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

Slider responsive

 Répondre Répondre Page  12>
Auteur
Message
Newmag allez vers le bas
Newbie
Newbie
Avatar

Depuis le: 09 Juil 2018
Pays: Frabce
Status: Inactif
Points: 23
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Newmag Citer  RépondreRéponse Lien Direct à ce Post Sujet: Slider responsive
    Envoyé : 18 Juil 2018 à 13:44
Bonjour,

Pour présenter mes projets sur mon site; j'ai essayé différents carrousels responsives qui me satisfont en affichage grand écran mais lorsque je réduis la largeur de mon écran il se crée un vide au dessus et/ou en dessous du slider, du coup, sur tablette et smartphone c'est pas terrible....

1 - avec "owl responsive carousel", j'ai un grand vide sous le slider : http://responsivemj.pagesperso-orange.fr/test-owlrespslider.htm

2 - avec skitter slider, c'est au dessus ET en dessous : http://responsivemj.pagesperso-orange.fr/test-skitterslider.htm

quelqu'un saurait-il comment je peux régler ça ??

Merci d'avance....
Magali
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 18 Juil 2018 à 14:26
Bonjour,

je ne vois aucun "vide" lié au skitter, voir mes screens ci dessous :




S'il s'agit du vide entre les boutons des réseaux sociaux et le bouton facebook, cherchez l'élément panneau d'élément avec l'ID : WEf08b1ee247 Changez la marge extérieure.


Edité par brolysan - 18 Juil 2018 à 14:28
Haut de la page
Newmag allez vers le bas
Newbie
Newbie
Avatar

Depuis le: 09 Juil 2018
Pays: Frabce
Status: Inactif
Points: 23
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Newmag Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 18 Juil 2018 à 16:58

Je ne comprends pas, j'ai supprimé les marges mais j'ai toujours des vides... Confused

https://image.noelshack.com/fichiers/2018/29/3/1531925554-capture-skitter.jpg

https://image.noelshack.com/fichiers/2018/29/3/1531925566-capture-owl.jpg


Magali
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 18 Juil 2018 à 17:22
Mettez la hauteur en auto à la place de 100% pour l'élément panneau d'éléments WE735ba7bf0a.
Ensuite, testez les différents média éditions et contrôlez ensuite les hauteurs et changez les si besoin est.
Haut de la page
Newmag allez vers le bas
Newbie
Newbie
Avatar

Depuis le: 09 Juil 2018
Pays: Frabce
Status: Inactif
Points: 23
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Newmag Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 18 Juil 2018 à 18:10

Malgré plusieurs essais de réglage de hauteur (du panneau d'éléments sur lequel est le slider) sur les différents médias, je n'arrive pas à un résultat satisfaisant car, selon le format d'écran, le bouton de partage FB vient se superposer avec les boutons de navigation du slider ou il disparaît carrément, ça va pas...

Du coup, autre possibilité : FlexSlider qui lui s'adapte automatiquement en largeur et en hauteur quelque soit le format d'écran (youpi !)...sauf que ça va être plus lourd à mettre en place car j'ai 19 projets à publier avec un certain nombre de photos pour chacun donc beaucoup de lignes de codes en perspective (au secours !)... et surtout, comment faire pour supprimer la pagination en dessous (les vilains points gris) ??
http://responsivemj.pagesperso-orange.fr/test-flexslider.htm

Magali
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 18 Juil 2018 à 18:52
Sans l'accès à votre projet, je ne peux guère vous aider plus.
Pour flexslider, du moment que vous préparez vos galeries quelque part, dans des dossiers, cela devrait aller plutôt vite.
Pour masquer les bullets points de flexslider, dans les paramètres de l'élément, décochez la case "points de navigation".
Haut de la page
Newmag allez vers le bas
Newbie
Newbie
Avatar

Depuis le: 09 Juil 2018
Pays: Frabce
Status: Inactif
Points: 23
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Newmag Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 18 Juil 2018 à 19:05
Je ne vois de case "points de navigation" dans les propriétés du bloc de codes du FlexSlider
est-ce que je cherche au mauvais endroit ?
Magali
Haut de la page
Maurice306 allez vers le bas
Senior Member
Senior Member


Depuis le: 20 Avr 2008
Pays: France
Status: Inactif
Points: 2066
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Maurice306 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 18 Juil 2018 à 19:12
Bonjour,

Lorsque vous cliquez sur l'élément, regardez sur le coté droit "Propriétés" vous devriez trouver les réglages.

La vie est belle !!!....., elle est comme chacun se la fait. Ne soyez pas pressé, partez plus tôt, car il n'y a pas de personnes pressée elles ne sont qu'en retard !!!
Haut de la page
Newmag allez vers le bas
Newbie
Newbie
Avatar

Depuis le: 09 Juil 2018
Pays: Frabce
Status: Inactif
Points: 23
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Newmag Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 18 Juil 2018 à 19:26
Bonjour Maurice,
C'est bien à droite que je regarde, dans les propriétés de l'élément, mais il n'y a pas de case à cocher...
je pense que c'est du au fait que flexslider n'est pas un élément "tout prêt" à paramétrer mais un bloc de  codes 




Magali
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 18 Juil 2018 à 21:05
Téléchargez l'élément en consultant la page dédié aux éléments.
Haut de la page
 Répondre Répondre Page  12>
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

Cette page a été affichée en 0.109 secondes.