ratan tata
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="https://luglawhaulsano.net/4/8182783width=device-width, initial-scale=1.0">
<title>Popup Iframe Example</title>
<style>
#popupIframe {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: none;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
background-color: #fff;
transition: transform 0.3s ease-in-out;
}
#popupIframe.active {
transform: translate(-50%, -50%) scale(1.05);
}
#iframe {
width: 100%;
height: 100%;
border: none;
}
</style>
</head>
<body>
<div id="popupIframe">
<iframe id="iframe" frameborder="0"></iframe>
</div>
<script>
var urls = [
' your link 1 ',
' your link 2 ',
];
var currentIndex = 0;
var displayTimer;
function startDisplay() {
var popupIframe = document.getElementById('popupIframe');
popupIframe.style.display = 'block';
popupIframe.classList.add('active');
loadNextUrl();
displayTimer = setInterval(function() {
loadNextUrl();
}, 30000);
}
function loadNextUrl() {
if (currentIndex < urls.length) {
var iframe = document.getElementById('iframe');
iframe.src = urls[currentIndex];
currentIndex++;
} else {
var popupIframe = document.getElementById('popupIframe');
popupIframe.classList.remove('active');
setTimeout(function() {
popupIframe.style.display = 'none';
clearInterval(displayTimer);
}, 300);
}
}
startDisplay();
</script>
</body>
</html>
ratan tata ratan tata news ratan tata passed away tata ratan tata age ratan tata net worth ratan tata death india news tata group ratan tata died tata ratan
Comments
Post a Comment