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:

Absence prolongée du destinataire
Message d'absence thunderbird - Guide
Veille prolongée - Guide
Fichier de mise en veille prolongée - Guide
Message absence outlook mobile - Guide
Message d'absence outlook - Guide

2 réponses

Réponse 1 / 2

jee pee Messages postés 40600 Date d'inscription mercredi 2 mai 2007 Statut Modérateur Dernière intervention 28 décembre 2024 9 466
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>

Réponse 2 / 2

luca
23 janv. 2023 à 19:12

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

Discussions similaires

Absence prolongée du destinataire chronorelai

Mon correspondant ne reçoit pas mes SMS / textos. Que faire ?

Chronopost Envoi en attente

Chronopost Refus de colis