Page web d'« écran de démarrage »

Programmation
#1

Bonjour,

J’ai une page qui est un peu moche et peu pratique.
En effet, il s’agit de la page par défaut d’un serveur Apache2 sous Debian.
Je souhaiterai remplacer cette page par une page avec un fond noir et, centré verticalement et horizontalement, le GIF (ou une conversion dans un format vidéo adapté) suivant :
j-aime-les-stats
Faire cette page serait dans mes cordes, seulement, je souhaiterai que le GIF soit joué une seule fois et qu’une autre page soit chargée dès que l’animation est terminée, et ça, je n’ai pas la moindre idée de comment faire.
En plus, je n’ai pas la moindre idée de quoi demander au canard.

Si vous avez déjà vu ça, avez des pistes, je vous remercie de me partager ça.

#2

Hello,

Pour le GIF essaye ça:

#3

Bonjour @Almtesh.

Pour te donner un exemple super simple (sans JS).

<html>
<head>
<title>Page center + redirect after animation</title>

<!-- Redirection au bout de 10 secondes  -->
<meta http-equiv="Refresh" content="10; URL=https://www.zw3b.fr" />

<style>
#container {
    display: flex;
    overflow: hidden;
    width: calc(100%);
    height: calc(100%);
}
#myanim {
    margin: 0;
    display: flex;
    width: calc(100%);
    height: calc(100%);
    align-items: center;
    justify-content: center;
}
</style>
</head>
<body>

<div id="container">

	<div id="myanim">
	
		<img src="/pub/logos/zw3b-200x200.png" alt="ZW3B Logo" />
		
	</div>

</div>
</body>
</html>

Tu peut utiliser « toshop » pour savoir combien de temps, modifier les secondes d’un GIf.
Il faut ouvrir le fichier « gif » dans photoshop et activer les fonctionnalité « image ready » :

Menu > Windows > Animation

:wink:

Romain.
Bonne journée.

#4

Bonjour,

Merci @Zargos pour ton lien, mais je n’ai pas bien compris comment utiliser le tuto. Il me semble qu’il faut installer un logiciel qui n’est disponible que sur Windows et Mac.
J’ai utilisé Gimp à la place.

Merci @ZW3B, j’ai pu l’adapter et ça fonctionne bien. J’ai pu mesurer la longueur du GIF avec Gimp (pendant que je supprimais le bouclage de l’animation), il fait 2,2 s, j’ai donc mis le délai à 3 s.
En vrai, c’est tout à fait un truc que j’aurai pu faire, je cherchais à savoir s’il y avait possibilité de déclencher le changement de page par la fin de la lecture de l’animation, et non un délai correspondant à la longueur de l’animation. En fait, je ne vais pas chercher les complications et faire avec le délai, ça fera très bien l’affaire.
J’ai mis à jour la page et ça rend pas mal.
→ la nouvelle page ←

1 J'aime
#5

Ok @Almtesh classe :slightly_smiling_face:

Redirections in HTTP - HTTP | MDN

Romain.
Bonne journée à tous.

:slight_smile:

Tu peut même ajouter un « style » sur le html et le body d’arrière-plan noir sur une page web – je t’assure :slight_smile:

html, body { 
    background-color: #000; 
}

:wink:

#6

Ca n’a rien a voir avec de la programmation sous Debian. La section pause café semble plus appropriée.

#7

Ça tourne sur un serveur sous Debian, ça devait être de la programmation parce que je m’attendais à mettre du Javascript ou un truc du genre au lieu d’une temporisation. Et, en plus, la page finale est en PHP, du coup, j’ai quand même faire de la programmation.

#8

@Almtesh, c’est bien ce que je dis ça n’a rien a voir avec de la Debian. HTML et CSS ne sont pas spécifiques à la Debian et tournent sous tous les principaux navigateurs Web du marché.

#9

par essence la programmation n’a rien de sépcifique à Debian non plus

1 J'aime
#10

C’est sur que la programmation n’a rien de spécifique à Debian mais ici elle concerne Debian comme toutes les autres rubriques à l’exception de la pause-café.

#11

Non historiquement le support et les trucs et astuces proposés sont uniquement sur Debian, le restant est libre.

#12