Loading

Author Topic: Sistema de rotación de Banners  (Read 444 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 »