Bonjour
J'aimerais afficher une image sur la totalité de l'écran, c'est à dire faire disparaître la barre de navigation la barre d'état, la liste des onglets et autres qui "mangent" une partie non négligeable de la hauteur de l'écran.
Est-ce faisable ?
Bonjour,
je ne comprends pas trop ta question. Je suppose qu'il s'agit d'une page web ?
Je prends n'importe quelle image de l'un de mes sites, même une image background en css, je fais "ouvrir l'image dans un nouvel onglet" et elle apparaît, débarrassée de tout ce qu'il y avait autour. Elle s'affichera bien sûr aux dimensions données par le css ou html.
Tu voudrais peut-être qu'elle s'affiche seule sans passer par "afficher dans un nouvel onglet" ?
Pourrais-tu préciser et donner un exemple de ce que tu voudrais.
Voici une image agrandie au maximum dans une fenêtre FireFox
(mais c'est la même chose avec les autres navigateurs)
Outre la barre des tâche de Windows qui se masque quand elle veut, le haut de l'image contient des barres de navigation, barre des onglet etc qui prennent une partie non négligeable de l'écran.

upload/1729254366-48769-concert.png
En effet l'API Fullscreen fonctionne sur Safari pour Mac et iPad mais hélas pas pour iPhone à priori :
https://caniuse.com/fullscreen

Il semble que l'API fonctionne sur iPhone avec la balise video, ou en utilisant webkitEnterFullScreen() après avoir activé le flag "Fullscreen API" dans les paramètres avancées de Safari sur iPhone (chaque visiteur devrait alors activer cette option si les iPhones ne sont pas gérés par une organisation, donc pas viable pour une application publique) :
https://developer.apple.com/forums/thread/133248
Modifié par Pitet (18 Oct 2024 - 16:32)