rotacion de banner

analoyra · #1 (**permalink**) 17/10/2010, 12:22

Hola gente, necesito que me den una mano para hacer un rotador de banners.
Lo que quiero es que una imagen rote cada 1 0 2 minutos
Tengo una base de datos en mysql que le agregue un boolen para saber si ese registro rota o no... me explico?

Bueno, he visto una funcion rand(), pero eso solo toma un campo aleatorio, ademas por lo que vi creo que habria que agregar javascript?

Muchas gracias

emprear · #2 (**permalink**) 17/10/2010, 14:16

analoyra:

Este es un Javascript muy simple para generar banners, debes agregarle el php para extraer los valores de la base de datos. En este ejemplo cada imagen tiene un link y un texto alt.

el tiempo de rotación lo definis en

window.setInterval("ciclol1()",10000);
el valor esta expresado en milisegundos

Código PHP:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es" >
<head>
<title>Banner</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
//<![CDATA[
<?php
## generar una consulta que imprima imagen, link y alt para cada banner
echo '
var imgs1 = new Array("google.jpg","foros.jpg");
var lnks1 = new Array("http://google.com","http://forosdelweb.com");
var alt1 = new Array("Google","Foros del Web");
';
?>
var actual1 = 0;
var imgCt1 = 2;
function ciclol1() {
  if (actual1 == imgCt1) {
    actual1 = 0;
  }
var banner1 = document.getElementById('adBanner1');
var link1 = document.getElementById('adLink1');
  banner1.src=imgs1[actual1]
  banner1.alt=alt1[actual1]
  document.getElementById('adLink1').href=lnks1[actual1]
  actual1++;
}
  window.setInterval("ciclol1()",10000);
 
//]]>
</script>
</head>
<body>
<a href=""http://google.com"" id="adLink1" target="_top">
<img src="google.jpg" id="adBanner1" border="0" width="468" height="60"></a>
</body>
</html>

Hay otras alternativas, pero en todos los casos para la rotación dinámica, Javascript ó Ajax

Saludos

analoyra · #3 (**permalink**) 17/10/2010, 17:12

Muchas gracias!! lo voy a probar, me podrias decir en que parte del codigo van las consultas??

yo hice esto

Código PHP:

Ver original## generar una consulta que imprima imagen, link y alt para cada banner
  $conexion=mysql_connect("localhost","root","paloma") or die ("no se ha podido conectar a la BD");
    
    mysql_select_db("alquileres") or die ("no se ha podido seleccionar la BD");
    
    $consul=" SELECT * FROM archivos  WHERE banner = 1" ;
    $result=mysql_query($consul,$conexion);
if ($row= mysql_fetch_array($result)){
echo "var imgs1 = new Array(\"google.jpg\",\"foros.jpg\")";
echo var "lnks1 = new Array(\"http://google.com\",\"http://forosdelweb.com\")";
echo "var alt1 = new Array(\"Google\",\"Foros del Web\")";
}