Comment mettre un gif en plein écran sur tous les ordinateurs?

Résolu
m.ter Messages postés 102 Date d'inscription   Statut Membre Dernière intervention   -  
Sugel Messages postés 4076 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

J'ai fait un gif animé et je souhaiterais que ce défilement d'images soit sur mon site internet en plein écran quelque soit la résolution de l'écran d'ordinateur de l'utilisateur.

Comment faire pour que le gif s'adapte selon la résolution de l'ordinateur de la personne qui consultera mon site.

Merci d'avance pour vos commentaires et votre aide.

A voir également:

3 réponses

le_joker_fou Messages postés 765 Date d'inscription   Statut Membre Dernière intervention   239
 
Je suppose que tu inclus ton gif avec la balise img.

Du coup si tu forces la hauteur et la largeur à 100% ça devrait le faire.

<img src='image.gif" style="width: 100%; height: 100%" />
3
m.ter Messages postés 102 Date d'inscription   Statut Membre Dernière intervention   14
 
Merci @le_joker_fou, mais est-ce que cela évitera de scroller dans l'image en hauteur?
En effet, je préfèrerais que l'image se coupe si jamais la fenêtre ne correspondait pas aux proportions, un peu comme sur les fenêtres de Wetransfer, même si mes images n'ont rien à voir.
0
Sugel Messages postés 4076 Date d'inscription   Statut Membre Dernière intervention   727
 
normalement, ça devrait éviter le scroll vertical, oui ^^'
0
m.ter
 
Merci beaucoup, cela fonctionne parfaitement.
0
Ysabe_l Messages postés 12714 Date d'inscription   Statut Contributeur Dernière intervention   277
 
Etant donné que tous les écrans n'ont pas la même proportion, l'image ne pourra pas prendre tout l'écran sur tout les écrans sans être déformée. Il faut donc choisir de la mettre en 100% en largeur OU en hauteur.
0
Sugel Messages postés 4076 Date d'inscription   Statut Membre Dernière intervention   727
 
ça dépends de la gif:
c'est c'est un motif, ça colle a merveille !
0
Ysabe_l Messages postés 12714 Date d'inscription   Statut Contributeur Dernière intervention   277
 
Ben même un motif a des proportions !
La demande n'est pas de remplir une page avec un motif mais bien d'afficher UNE image en plein écran sur n'importe quel écran.
0
m.ter
 
Oui effectivement. J'ai choisi d'avoir une grande image pour les plus grands écrans et après comme tu le mentionnes il faut choisir la largeur ou la hauteur, pour ma part j'ai choisi la largeur.

J'aurais aimé avoir une image sans scroll cela dit, même si pour cela il faudrait couper dans la grande image selon les formats.
0
Ysabe_l Messages postés 12714 Date d'inscription   Statut Contributeur Dernière intervention   277
 
Après en php ou javascript il est possible de récupérer le ratio largeur/hauteur de la fenêtre (qui peut être différent de celui de l'écran) et afficher 100% en largeur ou en hauteur suivant le ratio pour qu'il n'y ait jamais aucune barre de défilement et que l'image ne soit jamais déformée.

Par contre là comme ça je ne sais pas le faire lol.
0
m.ter
 
Effectivemment, cela me dit quelque chose, il me semble qu'on peut au moins empêcher le scroll, si quelqu'un sait je suis preneur.
0