Foros del Web - Ver Mensaje Individual - hola a todos, me gustaria saber si se puede hacer que las imagenes vayan rotando cogi

Adler · #4 (**permalink**) 25/06/2010, 05:52

Hola

En PHP ese mismo código sería así

Código PHP:

Ver original<?php
include($_SERVER["DOCUMENT_ROOT"]."/ink_utiles/ink_comunesbd.php");   
$bd = new ClassConexionBD('basedata');
$bd->ConexionBD();
 
$sql = $bd->consulta("SELECT Imagen, Url, Texto FROM RotadorBanner");
    if($bd->RS($sql)>0){  
$RsArrayImg = array(); 
$RsArrayUrl = array(); 
$RsArrayText = array(); 
        while($registros = $bd->arreglo($sql)){  
            $RsArrayImg[] = $registros['Imagen'];
            $RsArrayUrl[] = $registros['Url'];
            $RsArrayText[] = $registros['Texto'];
        }
    }
$bd->limparRS($sql);
$bd->limpiarCon();
?>         
 
<html>
<head>
<title>Rotador de publicidad</title>
 
<script type="text/javaScript">
var publicidad = [<?php echo '"' .implode($RsArrayImg, '", "'). '"';?>];
var direccion = [<?php echo '"' .implode($RsArrayUrl, '", "'). '"';?>];
var texto = [<?php echo '"' .implode($RsArrayText, '", "'). '"';?>];
 
var contador = 0;
var url = "";
 
function RotarPublicidad(){
    if(contador > 4)
 
      contador = 0;
 
        document.getElementById("publicidad").innerHTML = "<img src="+publicidad[contador]+" width='62px' height='12px' title="+texto[contador]+" border='0px' />"
        url = direccion[contador];
        document.getElementById("texto").innerHTML = texto[contador];
        document.getElementById("publicidad_peq_4").style.background="#FFFFFF";
        document.getElementById("publicidad_peq_"+contador).style.background="#FF0000";
    if (contador >= 1)
        document.getElementById("publicidad_peq_"+(contador-1)).style.background="#FFFFFF";  
 
      contador++;
    }
 
 
timer = setInterval("RotarPublicidad()", 2000);
window.onload = RotarPublicidad;
 
</script>
</HEAD>
<body>
<a href="#" onClick="window.open(url,'Ventana');">
<div id="publicidad"></div>
</a>
 
<div id="texto"></div>
 
<table border="1">
<tr>
<?php
for ($j = 0; $j < count($RsArrayImg); $j++) {
?>
<td id="publicidad_peq_<?php echo $j; ?>">
<img src="<?php echo $RsArrayImg[$j]; ?>" />
</td>
<?php
}
?>
</tr>
</table>
</body>
</html>

También dejo algunas modificaciones al ASP anterior, para futuras consultas

Código ASP:

Ver original<%
Dim Imagen, Url, Texto, i, j
Imagen = 0
Url = 1
Texto = 2
 
'conexión
SQL ="SELECT Imagen, Url, Texto FROM RotadorBanner" 
set rs = oConn.Execute(SQL)
 
registros = rs.getrows()
 
rs.Close
Set rs = Nothing
oConn.Close
Set oConn = Nothing
 
Dim ristra_img(5), ristra_url(5), ristra_texto(5)
For i = 0 to UBound(registros,2)
ristra_img(i) = registros(Imagen,i)
ristra_url(i) = registros(Url,i)
ristra_texto(i) = registros(Texto,i)
Next 'i
%>
 
<html>
<head>
<title>Rotador de publicidad</title>
 
<script type="text/javaScript">
var publicidad = [<%="'" & Join(ristra_img, "', '") & "'"%>];
var direccion = [<%="'" & Join(ristra_url, "', '") & "'"%>];
var texto = [<%="'" & Join(ristra_texto, "', '") & "'"%>];
 
var contador = 0;
var url = "";
 
function RotarPublicidad(){
    if(contador > 4)
 
      contador = 0;
 
        document.getElementById("publicidad").innerHTML = "<img src="+publicidad[contador]+" width='62px' height='12px' title="+texto[contador]+" border='0px' />"
        url = direccion[contador];
        document.getElementById("texto").innerHTML = texto[contador];
        document.getElementById("publicidad_peq_4").style.background="#FFFFFF";
        document.getElementById("publicidad_peq_"+contador).style.background="#FF0000";
    if (contador >= 1)
        document.getElementById("publicidad_peq_"+(contador-1)).style.background="#FFFFFF";  
 
      contador++;
    }
 
 
timer = setInterval("RotarPublicidad()", 2000);
window.onload = RotarPublicidad;
 
</script>
</HEAD>
<body>
<a href="#" onClick="window.open(url,'Ventana');">
<div id="publicidad"></div>
</a>
 
<div id="texto"></div>
 
<table border="1">
<tr>
<%
For j = 0 to UBound(registros,2)
%>
<td id="publicidad_peq_<%=j%>">
<img src="<%=registros(Imagen,j)%>" />
</td>
<%
Next 'j
%>
</tr>
</table>
</body>
</html>

Suerte