"SlidePageAds" பக்கத்தின் திருத்தங்களுக்கிடையேயான வேறுபாடு
நூலகம் இல் இருந்து
| வரிசை 1: | வரிசை 1: | ||
| + | <!DOCTYPE html> | ||
<html> | <html> | ||
<head> | <head> | ||
| வரிசை 19: | வரிசை 20: | ||
</style> | </style> | ||
</head> | </head> | ||
| − | |||
| − | |||
<body> | <body> | ||
| − | <div class="w3-content w3-section" style="max-width:1200px; position: relative;"> | + | <div class="w3-content w3-section" style="max-width:1200px; position: relative;" onclick="pauseResumeCarousel()"> |
<img class="mySlides" src="https://noolaham.org/wiki/images/a/a7/First.jpeg" style="width:100%"> | <img class="mySlides" src="https://noolaham.org/wiki/images/a/a7/First.jpeg" style="width:100%"> | ||
<img class="mySlides" src="https://noolaham.org/wiki/images/a/a0/Second.jpeg" style="width:100%"> | <img class="mySlides" src="https://noolaham.org/wiki/images/a/a0/Second.jpeg" style="width:100%"> | ||
| வரிசை 35: | வரிசை 34: | ||
<script> | <script> | ||
var myIndex = 0; | var myIndex = 0; | ||
| + | var pauseTimer; | ||
| + | |||
carousel(); | carousel(); | ||
| வரிசை 46: | வரிசை 47: | ||
if (myIndex > x.length) {myIndex = 1} | if (myIndex > x.length) {myIndex = 1} | ||
x[myIndex-1].style.display = "block"; | x[myIndex-1].style.display = "block"; | ||
| − | setTimeout(carousel, | + | pauseTimer = setTimeout(carousel, 3000); // Change image every 3 seconds |
} | } | ||
| வரிசை 58: | வரிசை 59: | ||
} | } | ||
x[myIndex-1].style.display = "block"; | x[myIndex-1].style.display = "block"; | ||
| + | } | ||
| + | |||
| + | function pauseResumeCarousel() { | ||
| + | clearTimeout(pauseTimer); // Stop the automatic carousel timer | ||
| + | pauseTimer = setTimeout(carousel, 8000); // Restart the automatic carousel after 8 seconds | ||
} | } | ||
</script> | </script> | ||
01:24, 21 சூலை 2023 இல் நிலவும் திருத்தம்
<!DOCTYPE html>
