Menu

Plugin Slideshow responsive gratuit [Résolu]

Garig - 2 sept. 2017 à 00:06 - Dernière réponse : Garig 64 Messages postés vendredi 12 juin 2009Date d'inscription 30 septembre 2017 Dernière intervention
- 3 sept. 2017 à 16:34
Bonjour,

Je cherche un bon plugin gratuit de Slideshow responsive. C'est à dire un slideshow ou il est possible de mettre un width en % et non en px.

J'en ai testé une dizaine mais ils sont soient payant ou alors ils ne proposent que le width en px.

Si vous en connaissez un bon, je suis preneur.

Merci

Afficher la suite 

Votre réponse

3 réponses

elgazar 4586 Messages postés mercredi 30 octobre 2013Date d'inscription 26 mai 2018 Dernière intervention - 3 sept. 2017 à 07:48
0
Merci
Bonjour
quantité de plugin ont pour nom responsive slider, tu devrais trouver ton bonheur assez facilement

Commenter la réponse de elgazar
0
Merci
Ok merci

J'en ai trouvé un bon c'est Slider WD.

Cependant j'ai du rajouter une div avec la classe slideshow autour

slideshow{width:100%, height:auto}

Avec cette classe, quand je l ouvre sur mobile, il s'adapte à la taille du mobile.

Et quand je l'ouvre sur ordinateur, il s'adapte à la taille de l'oridnateur

Mais il reste un problême, c'est quand je redimensionne manuellement sur ordinateur la taille de la fenêtre, la taille reste figée. Je ne comprends pas pourquoi...

Que dois-je utiliser de plus dans ma classe pour faire ce que je veux? OU alors faut-il que j'utilise une function particuclière en js comme resize?

Merci
Commenter la réponse de Garig
Garig 64 Messages postés vendredi 12 juin 2009Date d'inscription 30 septembre 2017 Dernière intervention - Modifié par Garig le 3/09/2017 à 16:34
0
Merci
J'ai cherché un peu et j'ai trouvé.

Pour ceux que ça intéresse, le plugin marche parfaitement quelquesoit le viewport en rajoutant cette fonction js :

 var slide=document.querySelector('.slideshow');
slide.setAttribute('width','100%');
slide.setAttribute('height','auto');
window.addEventListener("resize", function(){
slide.setAttribute('width','100%');
slide.setAttribute('height','auto');
});
Commenter la réponse de Garig