Sujet Précédent Sujet Suivant

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

Résolu/Fermé
m.ter Messages postés 102 Date d'inscription vendredi 17 octobre 2008 Statut Membre Dernière intervention 10 septembre 2015 - 21 août 2013 à 15:24
Sugel Messages postés 4070 Date d'inscription jeudi 18 août 2011 Statut Membre Dernière intervention 19 juin 2017 - 22 août 2013 à 21:35
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

Réponse 1 / 3
le_joker_fou Messages postés 764 Date d'inscription mercredi 5 août 2009 Statut Membre Dernière intervention 7 août 2014 239
21 août 2013 à 15:32
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
Réponse 2 / 3
m.ter Messages postés 102 Date d'inscription vendredi 17 octobre 2008 Statut Membre Dernière intervention 10 septembre 2015 14
21 août 2013 à 16:10
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 4070 Date d'inscription jeudi 18 août 2011 Statut Membre Dernière intervention 19 juin 2017 724
22 août 2013 à 18:04
normalement, ça devrait éviter le scroll vertical, oui ^^'
0
m.ter
22 août 2013 à 18:49
Merci beaucoup, cela fonctionne parfaitement.
0
Réponse 3 / 3
Ysabe_l Messages postés 12470 Date d'inscription vendredi 12 avril 2013 Statut Contributeur Dernière intervention 10 mai 2024 274
22 août 2013 à 18:56
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 4070 Date d'inscription jeudi 18 août 2011 Statut Membre Dernière intervention 19 juin 2017 724
22 août 2013 à 19:00
ça dépends de la gif:
c'est c'est un motif, ça colle a merveille !
0
Ysabe_l Messages postés 12470 Date d'inscription vendredi 12 avril 2013 Statut Contributeur Dernière intervention 10 mai 2024 274
22 août 2013 à 19:07
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
22 août 2013 à 19:35
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 12470 Date d'inscription vendredi 12 avril 2013 Statut Contributeur Dernière intervention 10 mai 2024 274
22 août 2013 à 20:07
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
22 août 2013 à 20:35
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