Construite la page avec les variables GET
Bonjour,
je souhaiterais afficher un background image dynamique avec du texte dynamique lors de l'ouverture de la page dont les sources (image et texte) sont issus de variables url comme suit:
https://monsite.com/?image=image.jpg&text=montexte
j'ai vu qu'on pouvait récupérer les variables image et text avec URLSearchParamsn de javascript.
merci pour votre aide
voila le code de la page au départ
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29
| <!DOCTYPE html>
<html>
<head>
<style>
body, html {
height: 100%;
margin: 0;
}
.bg {
/* The image used */
background-image: url("imageInitiale.jpg");
/* Full height */
height: 100%;
/* Center and scale the image nicely */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
text-align:center;
}
</style>
</head>
<body>
<div class="bg">mon texte initial</div>
</body>
</html> |