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;
}
A voir également:
- Absence prolongée du destinataire
- Message absence thunderbird - Guide
- Veille prolongée - Guide
- Fichier de mise en veille prolongée - Guide
- Message d'absence outlook - Guide
- Message d'absence gmail - Guide
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>
