Ciao, si... è possibile.
hai provato una cosa del genere ?
Esempio:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MyPage</title>
<style>
body, html {margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden;}
iframe {width: 100%; height: 100%; border: none; opacity: 1; transition: opacity 1s ease-in-out;}
</style>
</head>
<body>
<iframe id="page" src="https://upload.wikimedia.org/wikipedia/commons/3/3e/Disney%2B_logo.svg"></iframe>
<script>
let pages = ["https://it.wikipedia.org/wiki/Paperina",
"https://it.wikipedia.org/wiki/In_viaggio_con_Pippo",
"https://it.wikipedia.org/wiki/Topolino",
"https://it.wikipedia.org/wiki/Paperino",
"https://it.wikipedia.org/wiki/Paperon_de%27_Paperoni",
"https://upload.wikimedia.org/wikipedia/commons/3/3e/Disney%2B_logo.svg"];
let pageIndex = 0;
setInterval(() => {
let iframe = document.getElementById("page");
iframe.style.opacity = 0;
setTimeout(() => {
pageIndex = (pageIndex + 1) % pages.length;
iframe.src = pages[pageIndex];
setTimeout(() => {
iframe.style.opacity = 1;
}, 50); // opacity pause
}, 1000); // opacity duration
}, 3000); // page duration interval (example 4 total seconds)
</script>
</body>
</html>