Bonjour à tous,

Après quelques heures de recherche, impossible de redimensionner un diaporama avec effet nivoSlider. Je ne veux pas qu'il soit complétement responsive, même si ça serait l'idéal, je voudrais qu'il s'adapte à 2 tailles. Mais que ce soit via js ou css je n'ai pas réussi. Je veux juste un diaporama avec image et lien, pas de nav ni vignette. Dans les diaporama emajine, quel serait le diaporama qui s'adapterait le mieux à du responsive ?

Bon ap!

Bonjour,

Voici une solution, sans doute discutable mais qui fonctionne pour le NivoSlider.

Tu ajoutes une classe CSS pour forcer le diaporama à occuper toute la largeur de son parent.

.emBehaviorNivoSlider {
	width : 100% !important;
}
 

Ensuite, il te suffit de gérer la largeur du parent en fonction du déclenchement des MediaQueries.

A noter :
Si tu utilises l'outil "Vue adaptative" de FireFox pour tester, tu verras que la largeur de l'image courante du diaporama ne change pas.
Il faut attendre l'image suivante pour se rendre compte du changement de largeur du diaporama.

Merci pour ta réponse.
Tu aurais un exemple en ligne qui fonctionne ?
Pour ma part j'arrive à redimensionner le diaporama mais comme les images se mettent en arrière plan, elles ne sont pas redimensionnées et du coup elles se retrouvent rognées :(

Voici l'exemple en ligne : http://oger-energies.com/

Sur http://demo.dev7studios.com/nivo-slider/ il est vraiment responsive, mais je pense que ce n'est pas compatible avec celui d'emajine, dommage.
Une autre idée ?

Salut,

J'ai le même soucis.
La solution proposée ne convient par de mon côté, car j'ai du texte sur les images des diapos (dans le fichier jpg), qui se retrouve tronqué.
Y'a t-il une autre solution?

Thierry

Salut !
vous pouvez utiliser le responsiveSlides, http://responsiveslides.com/ , sur le none.html(choisir dans selecteur d'effet : aucun effet ou sacrifiez un autre effet)

merci, je teste ça dès que j'ai un moment.

BOnjour,

J'ajoute à ce sujet, une liste de slider responsive. Plusieurs sont connus, dont l'excellent flexslider ou encore responsiveslides comme l'a précisé Romuald ;) Vous pouvez utiliser n'importe quel template du dossier behaviors pour modifier les effets d'origines en l'animation désirée!

http://theme-responsive.com/23-sliders-responsive/

Bonne journée,
Manuel