Rotador de banners cambiante

admin

Sistema
Administrador
Nuevo
Desde
27 Oct 2020
Mensajes
143
Reacciónes
12
Puntos
18
Ubicación
Mèxico
Un rotador de banners para tu pàgina web que puedes utilizar para afiliarte con otros sitios, Vender espacios publicitarios Ò enlazar tus redes sociales.


Codigo completo
Código:
<script>
//<![CDATA[
/*****
Image Cross Fade Redux
Version 1.0
Last revision: 02.15.2006
[email protected]
Please leave this notice intact.
*****/

window.addEventListener?window.addEventListener('load',so_init,false):window.attachEvent('onload',so_init);
var d=document, imgs = new Array(), zInterval = null, current=0, pause=false;
function so_init() {
if(!d.getElementById || !d.createElement)return;
css = d.createElement('link');
css.setAttribute('href','slideshow2.css');
css.setAttribute('rel','stylesheet');
css.setAttribute('type','text/css');
d.getElementsByTagName('head')[0].appendChild(css);
imgs = d.getElementById('rotator').getElementsByTagName('img');
for(i=1;i<imgs.length;i++) imgs[i].xOpacity = 0;
imgs[0].style.display = 'block';
imgs[0].xOpacity = .99;
setTimeout(so_xfade,3000); }
function so_xfade() {
cOpacity = imgs[current].xOpacity;
nIndex = imgs[current+1]?current+1:0;
nOpacity = imgs[nIndex].xOpacity;
cOpacity-=.05;
nOpacity+=.05;
imgs[nIndex].style.display = 'block';
imgs[current].xOpacity = cOpacity;
imgs[nIndex].xOpacity = nOpacity;
setOpacity(imgs[current]);
setOpacity(imgs[nIndex]);
if(cOpacity<=0) {
imgs[current].style.display = 'none';
current = nIndex;
setTimeout(so_xfade,3000);}
else {
setTimeout(so_xfade,50);
}
function setOpacity(obj) {
if(obj.xOpacity>.99) {
obj.xOpacity = .99;
return; }
obj.style.opacity = obj.xOpacity;
obj.style.MozOpacity = obj.xOpacity;
obj.style.filter = 'alpha(opacity=' + (obj.xOpacity*100) + ')';
}
}
//]]>
</script>

<style>
/* BANNER CAMBIANTE
----------------------------------------------- */
#rotator {
border: 0px solid #000000;
overflow: hidden;
margin: 0px ;
padding:2px;
position: relative;
width: 430px;
height: 60px;
}
#rotator img {
width: 430px;
height: 60px;
border: 0;
margin: 0;
padding: 0;
}
</style>

<div id="rotator">
<a href="URL" target="_blank"><img alt="Título" src="https://i.imgur.com/xC6Mqu0.jpg" /></a>
<a href="URL" target="_blank"><img alt="Título" src="https://i.imgur.com/U0170Vh.jpg" /></a>
<a href="URL" target="_blank"><img alt="Título" src="https://i.imgur.com/YXJfgmK.jpg" /></a>
<a href="URL" target="_blank"><img alt="Título" src="https://i.imgur.com/ksWkxMB.jpg" /></a>
</div>

Para cambiar frecuencia en segundos:
en:
setTimeout(so_xfade,3000);}
 
Última edición:

Temas nuevos

Arriba