Absence d'affichage

Fermé
luca - 23 janv. 2023 à 11:58
 luca - 23 janv. 2023 à 19:12

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:

2 réponses

jee pee Messages postés 39824 Date d'inscription mercredi 2 mai 2007 Statut Modérateur Dernière intervention 6 juin 2024 9 214
Modifié le 23 janv. 2023 à 15:48

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>

0

bonsoir,il ya affichage des photos MAIS pas dans le diaporama

0