Page principale: diaporama, Sous-page: background-image

Question

Comment puis-je ajouter un diaporama (curseur de fond) uniquement au corps des pages principales (premier li)? Je veux des images de fond statiques pour les sous-pages.

body { 
 
    background-image: url(https://previews.123rf.com/images/tigatelu/tigatelu1310/tigatelu131000075/22731618-Nettes-Schwein-Cartoon-Lizenzfreie-Bilder.jpg); 
 
    background-origin: content-box; 
 
} 
 

 
li { 
 
    display: inline; 
 
    font-size: 22px; 
 
    padding: 0 30px; 
 
}

<ul> 
 
    <li class="active"><a href="#">Main Page</a></li> 
 
    <li><a href="#">Sub Page 1</a></li> 
 
    <li><a href="#">Sub Page 2</a></li> 
 
</ul>

Answer 1

pourquoi vous ne l'avez pas essayé carousel? il suffit de régler le curseur sur display:none;