Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje28-02-2015, 00:33 (UTC)    
Título del mensaje: Publicidad rotativa

Hola, en la web http://marcelolongobardi.cienradios.com, debajo del buscador, a la derecha hay cuatro cuadros de publicidades, que cuando un presiona F5 para actualizar la página, todas esas publicidades cambian... cómo se hace? Quisiera algo así, pero hacerlo con imágenes, o sea, cuando uno entre a la página que le aparezca una imagen y al actualizarla aparezca una imagen distinta pero del mismo tamaño
______________
firma modificada pwg

la medida maxima es 450x100
Mensaje28-02-2015, 19:02 (UTC)    
Título del mensaje: Re: Publicidad rotativa

carloslroldan escribió:
Hola, en la web http://marcelolongobardi.cienradios.com, debajo del buscador, a la derecha hay cuatro cuadros de publicidades, que cuando un presiona F5 para actualizar la página, todas esas publicidades cambian... cómo se hace? Quisiera algo así, pero hacerlo con imágenes, o sea, cuando uno entre a la página que le aparezca una imagen y al actualizarla aparezca una imagen distinta pero del mismo tamaño

Hola! Puedes usar este script en el <head></head> de tu web, sólo editas donde dice url-imagen y pones los enlaces de tus imágenes:
Código:
<script>
<!--
function makeArray(n) {
this.length = n;
for (var i=1; i<=n; i++) {
this[i] = "";
}
return this;
}
var i;
function imagealeatoire() {
i = Math.floor(4 * Math.random() + 1);
return image[i];
}
image = new makeArray(4);
image[1]="url-imagen-1";
image[2]="url-imagen-2";
image[3]="url-imagen-3";
image[4]="url-imagen-4";
// -->
</script>

Luego para insertar el script en la página que desees utilizas el siguiente código, editando en width y height según el tamaño que quieras para tu imagen:
Código:
<script language="javascript">document.write("<IMG SRC=" +imagealeatoire() +" width=400 height=200 border=0>");</script>

Aquí te dejo un ejemplo del código funcionando, vas apretando F5 para visualizar otras imágenes: http://pixelupload.es.tl/ejemplo.htm

Suerte
______________


Ultima edición por insaniquarium-deluxe el Sab Feb 28, 2015 3:05 pm; editado 3 veces
Mensaje28-02-2015, 19:27 (UTC)    
Título del mensaje:

Muchísimas gracias! Funciona perfecto, sólo una consulta más, cómo se les agrega links? se pueden poner varios? por ejemplo una imagen arriba de la otra pero que a la vez sean distintas?
______________
firma modificada pwg

la medida maxima es 450x100


Ultima edición por carloslroldan el Sab Feb 28, 2015 3:45 pm; editado 1 vez
Mensaje01-03-2015, 16:30 (UTC)    
Título del mensaje:

carloslroldan escribió:
Muchísimas gracias! Funciona perfecto, sólo una consulta más, cómo se les agrega links? se pueden poner varios? por ejemplo una imagen arriba de la otra pero que a la vez sean distintas?

Hola! Claro que puedes agregar enlaces diferentes a cada imagen y poner más de una. Mira yo hice algo así, en el <head></head>:
Código:
<script>
<!--
function makeArray(n) {
this.length = n;
for (var i=1; i<=n; i++) {
this[i] = "";
}
return this;
}
var i;

function publialeatoire() {
i = Math.floor(4 * Math.random() + 1);
return publi[i];
}
publi = new makeArray(4);
publi[1]="<a href='#'><img class='publi' src='url-imagen'></a>";
publi[2]="<a href='#'><img class='publi' src='url-imagen'></a>";
publi[3]="<a href='#'><img class='publi' src='url-imagen'></a>";
publi[4]="<a href='#'><img class='publi' src='url-imagen'></a>";

function publi2aleatoire() {
i = Math.floor(4 * Math.random() + 1);
return publi2[i];
}
publi2 = new makeArray(4);
publi2[1]="<a href='#'><img class='publi' src='url-imagen'></a>";
publi2[2]="<a href='#'><img class='publi' src='url-imagen'></a>";
publi2[3]="<a href='#'><img class='publi' src='url-imagen'></a>";
publi2[4]="<a href='#'><img class='publi' src='url-imagen'></a>";

// -->
</script>

Y para definir el tamaño de las imágenes, también en el <head>:
Código:
<style>
.publi {
width: 400px;
height: 200px;
}
</style>

Finalmente insertas las imágenes en la página que desees con los siguientes scripts:
Código:
<script language="javascript">document.write(publialeatoire());</script>
<script language="javascript">document.write(publi2aleatoire());</script>

Aquí te dejo un ejemplo: http://pixelupload.es.tl/ejemplo2.htm

Suerte!
______________


Ultima edición por insaniquarium-deluxe el Dom Mar 01, 2015 12:34 pm; editado 1 vez
Mensaje03-03-2015, 20:49 (UTC)    
Título del mensaje:

Muchas gracias, hice una prueba y me funcionó, ahora voy a hacer bien las imágenes para ponerlo en mi sitio, te agradezco mucho. Un abrazo.-
______________
firma modificada pwg

la medida maxima es 450x100
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group