Bonjour !

Je suis actuellement en train de créer une page pour un établissement. Seulement, je rencontre deux problèmes différentes que j'ai essayé d'y remédier :

1. Mes gifs animés ne sont pas redimensionnables lorsque l'on réduit la taille de la fenêtre / du site, j'ai bien essayé de mettre leur dimension en "%" mais rien n'y fait..., et lorsque j'essaye de passer mon site sur telephone, mon script JS ne passe pas, ce qui fait n'importe quoi
2. J'ai un slider à mettre, et fait en JS, mais lorsque je l'installe dans mon site web, cela crée un conflit avec le script JS déjà mis en place, ce qui fait également n'importe quoi

J'ai fait plusieurs recherches sur internet, mais je reste bloqué sur les mêmes problèmes...
Merci pour le partage de vos connaissances et pour l'entraide !

Salut!

Pour les gifs animé suffit de mettre:

height: auto;
width:100%;

Salut,

C'est quoi les scripts chargés sur ta page ?

Il s'agit d'un script pour le scroll effect (parallaxe), cette chose ne devrait pas apparaître sur mobile, et en laissant activer le script, mon site affiche nawak

En fait, je viens de comprendre le problème, je vous explique :

Le script js est un scroll effect (parallaxe), qui, automatiquement, classe une section comme un scroll.
Dans un site à 3 scrolls, ça donne :

<section>
...
</section>

<section>
...
</section>

<section>
...
</section>

Et dans chaque section, le script s'occupe lui-même pour décaler les éléments de chaque page.
Exemple :
Dans le cas classique, on a :

Pour un premier scroll : - Position=absolute, top=100% (ce qui correspond à la fin du premier scroll)
Pour un deuxième scroll : - Position=absolute, top=200% (ce qui correspond à la fin du deuxième scroll)
etc...

Mais le script Js s'occupe de ça automatiquement : lorsque l'on saute une section, le script décale le top automatiquement de 100%, ce qui donne :

Pour un premier scroll :
<section>
- Position=absolute, top=100% (ce qui correspond à la fin du premier scroll)
</section>
Pour un deuxième scroll :
<section>
- Position=absolute, top=100% (ce qui correspond à la fin du deuxième scroll)
</section>

Or, lorsque l'on passe le site sur mobile, et que le script Js ne passe pas, chaque scroll étant à position:absolute, top:100%; les éléments de chaque scroll seront tous mélangés dans le premier scroll, d'où le bordel...

DONC

Maintenant la question est : comment je fais pour changer mon code de façon à ce que je puisse garder le script Js tout en changeant la position:absolute lorsque l'on passe en version mobile..

Merci !

Y'a bien une façon mais c'est pas conventionnel : Tu mets un "!important" derrière les propriétés que tu veux mettre sur tes images. C'est l'équivalent du "sudo" en CSS, et c'est pas conseillé de l'utiliser tout le temps, mais dans ce genre de conflit tu devras le mettre (en espérant que le script le mette pas non plus )