Advertisement:

Author Topic: Sistema de rotación de Banners  (Read 8128 times)

rsorianob

  • Newbie
  • *
  • Posts: 2
Sistema de rotación de Banners
« on: November 24, 2011, 06:47:58 pm »
Hola, estoy tratando de implementar un sistema de rotación de banners en mi web, los quiero colocar en el header, hasta el momento solo he logrado colocar un banner alli, pero al momento de usar el codigo para rotar los banners me da un error. Si alguien sabe como hacer lo de la rotación de banners se lo agradeceria mucho.

Saludos!

rsorianob

  • Newbie
  • *
  • Posts: 2
Re: Sistema de rotación de Banners
« Reply #1 on: November 24, 2011, 07:55:02 pm »
Hola, solucioné lo de los banners y quisiera compartirlo con uds, ya que creo que muchos de nosotros tenemos esa inquietud de colocar banners en nuestra web (yo coloque mis banners en el header).

Pues yo lo que hice fue modificar el archivo header.php (que lo encuentran en la carpeta //oc-content/themes/modern) de la siguiente manera (Lo que esta en color rojo es lo que yo agregué):

<div id="header">
    <a id="logo" href="<?php echo osc_base_url() ; ?>"><strong><?php echo osc_page_title() ; ?></strong></a>
 

<div id="baner" style="position:absolute; right:35%; top:15%">
<script type="text/javascript">
var ban = new Array();
var enl = new Array();
var indice = 0;

ban[0] = new Image();
ban[0].src = "<?php echo osc_current_web_theme_url('images/imagen1.gif') ; ?>";
enl[0] = "http://www.sitioweb1.com";

ban[1] = new Image();
ban[1].src = "<?php echo osc_current_web_theme_url('images/imagen2.gif') ; ?>";
enl[1] = "http://www.sitioweb2.com";

indice = Math.random() * (ban.length);
indice = Math.floor(indice);

function rota()
{if (indice == ban.length) indice = 0;
if (document.images) {
document.images.rotando.src = ban[indice].src;
}
else {
document.getElementById('rotando').src=ban[indice].src;
}
indice++;
setTimeout('rota()',5000);
}
function vete() {window.open(enl[indice-1]);}
</script>

<img id="rotando" style="cursor:pointer;" src="" onclick="vete();"/>
<script type="text/javascript">rota();</script>
</div>


 <div id="user_menu"> ...

Está para 2 banners, si quieren colocar mas, solo agregan mas de estas lineas:

ban[3] = new Image();
ban[3].src = "<?php echo osc_current_web_theme_url('images/imagen3.gif') ; ?>";
enl[3] = "http://www.sitioweb3.com";

ban[4] = new Image();
ban[4].src = "<?php echo osc_current_web_theme_url('images/imagen4.gif') ; ?>";
enl[4] = "http://www.sitioweb4.com";

y asi sucesivamente....

Los .gif son de 234X60 para que quepan en el espacio entre el logo y la parte de login (estoy usando el tema modern).

Las imagenes las subi en la carpeta //oc-content/themes/modern/images

Bueno, espero les funcione!

Saludos!
« Last Edit: November 24, 2011, 08:00:56 pm by rsorianob »

Zentral

  • Newbie
  • *
  • Posts: 6
Re: Sistema de rotación de Banners
« Reply #2 on: August 08, 2012, 11:51:21 pm »
Gracias , funciona perfecto. Seria posible algo similar en la barra lateral ( tema modern)
Es decir un sistema de rotación de banner . Creo haberlo visto en alguna web de usuarios  pero con otro teme.

djduva

  • Newbie
  • *
  • Posts: 2
Re: Sistema de rotación de Banners
« Reply #3 on: August 11, 2012, 06:54:48 am »
buenisimo gracias

udok

  • Guest
Re: Sistema de rotación de Banners
« Reply #4 on: September 06, 2012, 12:22:14 am »
Hola , muy interesante , pero .......

Ya que yo soy un negado de la programacion , habeis creado algun plungins para poder instalarlo ????

Gracias y saludos !!!

carlosxlii

  • Newbie
  • *
  • Posts: 4
Re: Sistema de rotación de Banners
« Reply #5 on: March 19, 2013, 03:30:35 pm »
esta bueno, pero lo que nos es importante "COMO HACES PARA PONERLO EN UNA PAGINA ESPECIFICA( POR EJEMPLO QUIERO QUE SALGO SOLO EN LA PAGINA DE LA CATEGORIA AUTOS)  >:(

Omarcito

  • Full Member
  • ***
  • Posts: 138
Re: Sistema de rotación de Banners
« Reply #6 on: October 31, 2014, 09:39:09 pm »
Hola:

Funciona perfecto, pero quisiera ponerlo en una columna al costado para avisos de anunciantes y la idea es poner varios, uno arriba de otro y aunque pongo varios juntos o en div distintos solo sale el primero.

Espero alguna idea.

Muchas gracias

Omarcito

  • Full Member
  • ***
  • Posts: 138
Re: Sistema de rotación de Banners
« Reply #7 on: March 09, 2015, 03:50:40 pm »
Hola a todos:

Estoy probando con este banner rotativo aleatorio y funciona muy bien y lo recomiendo, lo único que no consigo es que cuando dice que se pueden agregar más cantidad de banner esto está limitado, si pongo 20, funciona perfecto, si pongo 21 no se publica en la página, me estaré equivocando en algo.

También vuelvo a preguntar lo mismo: como puedo publicar más de una por página, solo figura la primera.

Desde ya muchas gracias.

tukuman

  • Newbie
  • *
  • Posts: 8
Re: Sistema de rotación de Banners
« Reply #8 on: March 26, 2015, 01:31:31 am »
si saben de como colocar un baner lateral izquierdo avisen porfas, esto no me funciono no se porque razon,, no sale la imagen.

Saludos!

ferkiscan

  • Jr. Member
  • **
  • Posts: 60
Re: Sistema de rotación de Banners
« Reply #9 on: April 06, 2015, 09:47:18 pm »
disculpa, y como podria publicar solo 1 banner en el top de la pagina?,

saludos

paynani

  • Newbie
  • *
  • Posts: 26
Re: Sistema de rotación de Banners
« Reply #10 on: May 13, 2015, 12:48:55 am »
Muy bueno gracias or compartir

bazinga

  • Full Member
  • ***
  • Posts: 125
Re: Sistema de rotación de Banners
« Reply #11 on: January 16, 2016, 05:44:56 am »
tendran algun link, donde se vea como funciona este BANNER,..
muchas gracias..

saludos..