| Server IP : 184.154.167.98 / Your IP : 3.16.75.176 Web Server : Apache System : Linux pink.dnsnetservice.com 4.18.0-553.22.1.lve.1.el8.x86_64 #1 SMP Tue Oct 8 15:52:54 UTC 2024 x86_64 User : puertode ( 1767) PHP Version : 8.2.26 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/puertode/www/sliders/ |
Upload File : |
<!DOCTYPE html>
<html lang="es">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<head>
<title>Slider Top</title>
<style type="text/css">
ul.ppt {
position: absolute;
}
.ppt li {
list-style-type: none;
position: absolute;
top: 0;
left: 0;
}
.ppt img {
border: 1px solid #e7e7e7;
padding: 0px;
background-color: #ececec;
}
</style>
</head>
<body>
<center>
<ul class="ppt">
<li><img src="https://puertodetampico.com.mx/sliders/Imagen12.jpg" width="750" height="400" alt="descripci�n 1"></img></li>
<li><img src="https://puertodetampico.com.mx/sliders/Imagen11.jpg" width="750" height="400" alt="descripci�n 2"></img></li>
<li><img src="https://puertodetampico.com.mx/sliders/Imagen10.jpg" width="750" height="400" alt="descripci�n 3"></img></li>
<li><img src="https://puertodetampico.com.mx/sliders/Imagen9.jpeg" width="750" height="400" alt="descripci�n 1"></img></li>
<li><img src="https://puertodetampico.com.mx/sliders/Imagen8.jpg" width="750" height="400" alt="descripci�n 2"></img></li>
<li><img src="https://puertodetampico.com.mx/sliders/Imagen7.jpg" width="750" height="400" alt="descripci�n 3"></img></li>
<li><img src="https://puertodetampico.com.mx/sliders/Imagen6.jpg" width="750" height="400" alt="descripci�n 1"></img></li>
<li><img src="https://puertodetampico.com.mx/sliders/Imagen5.jpg" width="750" height="400" alt="descripci�n 2"></img></li>
<li><img src="https://puertodetampico.com.mx/sliders/Imagen4.jpg" width="750" height="400" alt="descripci�n 3"></img></li>
<li><img src="https://puertodetampico.com.mx/sliders/Imagen3.jpg" width="750" height="400" alt="descripci�n 1"></img></li>
<li><img src="https://puertodetampico.com.mx/sliders/Imagen2.jpg" width="750" height="400" alt="descripci�n 2"></img></li>
<li><img src="https://puertodetampico.com.mx/sliders/Imagen1.jpg" width="750" height="400" alt="descripci�n 3"></img></li>
</ul>
</center>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$('.ppt li:gt(0)').hide();
$('.ppt li:last').addClass('last');
var cur = $('.ppt li:first');
function animate() {
cur.fadeOut( 1000 );
if ( cur.attr('class') == 'last' )
cur = $('.ppt li:first');
else
cur = cur.next();
cur.fadeIn( 1000 );
}
$(function() {
setInterval( 'animate()', 5000 );
});
</script>
</body>
</html>