Absence d'affichage
luca
-
luca -
luca -
bonjour, dans mon cycle dapprentissage je suis en train de confectionner un diaporama avec defilement de photos mais je ne comprends pourquoi il n'y a aucun affichage.Aidez moi s'il vous plait à trouver l'erreur.Pour les photos ce sont 3 images de 880px de large et 140px de hauteur ,voici mes codes :
code html
<!DOCTYPE html>
<html>
<head>
<title>diapo en html</title>
<meta charset="utf-8">
<link rel ="stylesheet" href="panorama.css">
</head>
<body>
<div class="cadre"><p>images </p>
<div class="photo"></div>
</div>
</body>
</html>
code CSS:
.cadre{
overflow:hidden;
max-width: 880px;
margin: 50px auto;
box-shadow: 0px 15px 10px -5px #777;
}
.photo{
width: 3520px;
height: 140px;
background-color:#EDEDED;
background-image:src='foto\diapo1.png';
background-size: contain;
animation: defilement1 12s linear infinite;
}
@keyframes defilement1{
0%{transform:translate(0,0);}
100%{transform:translate(-2640px,0);}
}
.photo:hover{
animation-play-state: paused;
}
2 réponses
-
Bonjour,
Dans ton code il manque, juste, l'affichage des images ;-)
<html> <head> <title>diapo en html</title> <meta charset="utf-8"> <link rel ="stylesheet" href="panorama.css"> </head> <body> <div class="cadre"><p>images </p> <div class="photo"> <img src="image.jfif" width="400" height="341"> <img src="image1.gif" width="400" height="341"> <img src="image2.png" width="400" height="341"> <img src="image3.jfif" width="400" height="341"> </div> </div> </body> </html>
-
