Banners aleatorios
Quisiera un ejemplo de código como puedo insertar banners aleatorios en un página PHP, es decir que cada cierto tiempo cambien la imagen del banner y que cada imagen haga referencia a una link respectivo. Gracias de antemo por la respuesta.
1 Respuesta
Respuesta de Alfredo Villa
1
La mejor manera de hacerlo es con un javascript.
Te envío 2 ejemplo, para que los banners roten sin tener que recargar la página:
1. Ejemplo 1:
Primero debemos colocar el siguiente JavaScript en la cabecera de la página (entre los tags <head> y </head>):
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var mfBanners = [
['http://www.direccion1.com', 'imagen1.gif'],
['http://www.direccion2.com', 'imagen2.gif']
];
var mfIe = false;
if( document.all) {
mfIe = true;
}
var mfBannerIndex = 0;
function mfBannerChange() {
var htmlString = '<a target="_blank" href="'+mfBanners[mfBannerIndex][0]+'"> <img border="0" src="'+mfBanners[mfBannerIndex][1]+'"></a>';
if( mfIe) {
document.all.banner.innerHTML = htmlString;
}
else {
document.layers["banner"].document.open();
document.layers["banner"].document.write( htmlString);
document.layers["banner"].document.close();
}
if(mfBannerIndex < mfBanners.length - 1)
mfBannerIndex++;
else
mfBannerIndex = 0;
}
setInterval("mfBannerChange()", 5000);
// End -->
</script>
El siguiente paso es ubicar la siguiente línea en el cuerpo de la página, en la parte donde queramos que roten los banners:
<div id="banner"></div>
2. Ejemplo 2:Los campos requeridos son un texto informativo, la URL de la web, la dirección donde esta el banner, el texto del TAG ALTy el tamaño.
Para que funcione se deben poner todos estos datos y el script en el punto de la página donde queramos que se visualice.
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var how_many_ads = 3;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
if (ad==1) {
txt="texto de la web";
url="http://www.miweb.com";
alt="texto de info";
banner="http://mi_direccion_del_banner.gif";
width="";
height="";
}
if (ad==2) {
txt="texto de la web";
url="http://www.miweb.com";
alt="texto de info";
banner="http://mi_direccion_del_banner.gif";
width="";
height="";
}
if (ad==3) {
txt="texto de la web";
url="http://www.miweb.com";
alt="texto de info";
banner="http://mi_direccion_del_banner.gif";
width="";
height="";
}
document.write('<center>');
document.write('<a href="' + url + '" target="_blank">');
document.write('<img src="' + banner + '" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt="' + alt + '" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End -->
</SCRIPT>
Bueno espero que te sirvan,
Cualquier cosa me cuentas y me solicitas una ampliación
Bye
Almonato
Te envío 2 ejemplo, para que los banners roten sin tener que recargar la página:
1. Ejemplo 1:
Primero debemos colocar el siguiente JavaScript en la cabecera de la página (entre los tags <head> y </head>):
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var mfBanners = [
['http://www.direccion1.com', 'imagen1.gif'],
['http://www.direccion2.com', 'imagen2.gif']
];
var mfIe = false;
if( document.all) {
mfIe = true;
}
var mfBannerIndex = 0;
function mfBannerChange() {
var htmlString = '<a target="_blank" href="'+mfBanners[mfBannerIndex][0]+'"> <img border="0" src="'+mfBanners[mfBannerIndex][1]+'"></a>';
if( mfIe) {
document.all.banner.innerHTML = htmlString;
}
else {
document.layers["banner"].document.open();
document.layers["banner"].document.write( htmlString);
document.layers["banner"].document.close();
}
if(mfBannerIndex < mfBanners.length - 1)
mfBannerIndex++;
else
mfBannerIndex = 0;
}
setInterval("mfBannerChange()", 5000);
// End -->
</script>
El siguiente paso es ubicar la siguiente línea en el cuerpo de la página, en la parte donde queramos que roten los banners:
<div id="banner"></div>
2. Ejemplo 2:Los campos requeridos son un texto informativo, la URL de la web, la dirección donde esta el banner, el texto del TAG ALTy el tamaño.
Para que funcione se deben poner todos estos datos y el script en el punto de la página donde queramos que se visualice.
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var how_many_ads = 3;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
if (ad==1) {
txt="texto de la web";
url="http://www.miweb.com";
alt="texto de info";
banner="http://mi_direccion_del_banner.gif";
width="";
height="";
}
if (ad==2) {
txt="texto de la web";
url="http://www.miweb.com";
alt="texto de info";
banner="http://mi_direccion_del_banner.gif";
width="";
height="";
}
if (ad==3) {
txt="texto de la web";
url="http://www.miweb.com";
alt="texto de info";
banner="http://mi_direccion_del_banner.gif";
width="";
height="";
}
document.write('<center>');
document.write('<a href="' + url + '" target="_blank">');
document.write('<img src="' + banner + '" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt="' + alt + '" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End -->
</SCRIPT>
Bueno espero que te sirvan,
Cualquier cosa me cuentas y me solicitas una ampliación
Bye
Almonato
