Skip to content

Commit

Permalink
Update slideshow.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@MYXXdev
MYXXdev committed Aug 7, 2024
1 parent 0e7b081 commit 4484a7c
Showing 1 changed file with 40 additions and 31 deletions.
71 changes: 40 additions & 31 deletions MYXXfm/pages/slideshow.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,20 +31,21 @@
width: 100%;
height: 100%;
opacity: 0;
animation: fade 168s infinite; /* Adjusted duration to match the total delay time */
animation: fade 56s infinite;
}

.slides img {
width: 100%;
height: 100%;
object-fit: cover;
display: block; /* Added to ensure no extra space */
}

/* Keyframes for fading through images */
@keyframes fade {
0%, 100% { opacity: 0; }
5%, 20% { opacity: 1; }
0% { opacity: 0; }
5% { opacity: 1; }
20% { opacity: 1; }
25% { opacity: 0; }
}

/* Adjust animation delay for each slide */
Expand Down Expand Up @@ -81,33 +82,41 @@
<body>
<div class="slideshow-container">
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/1.png" alt=""></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/2.png" alt="" loading="lazy"></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/3.png" alt="" loading="lazy"></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/4.png" alt="" loading="lazy"></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/5.png" alt="" loading="lazy"></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/6.png" alt="" loading="lazy"></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/7.png" alt="" loading="lazy"></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/8.png" alt="" loading="lazy"></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/9.png" alt="" loading="lazy"></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/10.png" alt="" loading="lazy"></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/11.png" alt="" loading="lazy"></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/12.png" alt="" loading="lazy"></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/13.png" alt="" loading="lazy"></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/14.png" alt="" loading="lazy"></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/15.png" alt="" loading="lazy"></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/16.png" alt="" loading="lazy"></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/17.png" alt="" loading="lazy"></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/18.png" alt="" loading="lazy"></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/19.png" alt="" loading="lazy"></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/20.png" alt="" loading="lazy"></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/21.png" alt="" loading="lazy"></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/22.png" alt="" loading="lazy"></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/23.png" alt="" loading="lazy"></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/24.png" alt="" loading="lazy"></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/25.png" alt="" loading="lazy"></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/26.png" alt="" loading="lazy"></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/27.png" alt="" loading="lazy"></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/28.png" alt="" loading="lazy"></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/2.png" alt=""></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/3.png" alt=""></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/4.png" alt=""></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/5.png" alt=""></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/6.png" alt=""></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/7.png" alt=""></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/8.png" alt=""></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/9.png" alt=""></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/10.png" alt=""></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/11.png" alt=""></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/12.png" alt=""></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/13.png" alt=""></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/14.png" alt=""></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/15.png" alt=""></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/16.png" alt=""></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/17.png" alt=""></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/18.png" alt=""></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/19.png" alt=""></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/20.png" alt=""></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/21.png" alt=""></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/22.png" alt=""></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/23.png" alt=""></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/24.png" alt=""></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/25.png" alt=""></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/26.png" alt=""></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/27.png" alt=""></div>
<div class="slides"><img src="https://myxxdev.github.io/MYXXfm/images/28.png" alt=""></div>
</div>

<script type="text/javascript">
(function(d){
var app = d.createElement('script'); app.type = 'text/javascript'; app.async = true;
app.src = 'https://www.speakpipe.com/loader/0ipo6q04k0z8zmogikakn0cgy58rfr6x.js';
var s = d.getElementsByTagName('script')[0]; s.parentNode.insertBefore(app, s);
})(document);
</script>
</body>
</html>

0 comments on commit 4484a7c

Please sign in to comment.