Código PHP:
<html>
<head>
<script type="text/javascript">
var imagenDefecto="piso.gif"; //Imagen que aparecerá en caso de que la imagen indicada no exista.
var mauricio;
var espera=5 //Segundos de espera
var b=0;
// Pon las noticias de la siguiente forma: noticia(ruta de imagen,titulo,texto,enlace a la noticia)
var noticiero=new Array();
</script>
<?
include("../common.php");
include("../conexion.php");
$id_aplicacion_origen = $_GET['id_aplicacion_origen'];
$strSQL = " SELECT * FROM fotos_galeria WHERE id_aplicacion_origen=" . val($id_aplicacion_origen) . " AND tipo_de_aplicacion='NOT'";
$rsgaleria = mysql_query($strSQL) or die(mysql_error());
$vec_fotos_en_galeria = mysql_fetch_array($rsgaleria);
?>
<script type="text/javascript">
<?
while($vec_fotos_en_galeria=mysql_fetch_array($rsgaleria)){
?>
noticia("<?print "../cargador/".$vec_fotos_en_galeria['ruta'];?>","<?print $i; ?>","<?print "";?>","");
<?
}
?>
function noticia(imagen,titulo,texto,enlace){
noticiero.push({
imagen:imagen,
texto:texto,
titulo:titulo,
enlace:enlace
});
}
function obj(x){
return document.getElementById(x);
}
function mostrar(a){
obj('cuadro').style.visibility='hidden';
obj("imagen_noticia").src=noticiero[a].imagen;
obj("titulo_noticia").innerHTML=noticiero[a].titulo;
obj("texto_noticia").innerHTML=noticiero[a].texto;
obj("enlace").href=noticiero[a].enlace
}
function cambiar(incr){
b=(noticiero.length>b+incr)?b+incr:0;
if(b==-1){b=noticiero.length-1;}
mostrar(b);
}
function inicio(){
mauricio=setInterval("cambiar(1)",espera*1000);
}
</script>
<style>
#imagen_noticia{
float:none;
}
#cuadro{
visibility:hidden;
}
</style>
<title>Galeria de Imagenes - El Diario de Lincoln .com .ar</title>
</head>
<body bgcolor="#ECE6E6" onload="inicio();mostrar(0);" >
<center>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="techo.gif" width="800" height="38" align="center"></td>
</tr>
<tr>
<td height="450" align="center" valign="middle" background="cuerpo.gif" >
<div id="cuadro">
<img src="" id="imagen_noticia" onerror="this.src=imagenDefecto" onload="obj('cuadro').style.visibility='visible'"/>
<h1 id="titulo_noticia"></h1>
<p id="texto_noticia"></p>
</div>
</td>
</tr>
<tr>
<td background="piso.gif" width="800" height="39" align="center">
<!-- <a href="#" id="enlace">leer más</a> -->
<a href="#" onclick="clearInterval(mauricio);cambiar(-1);inicio()"><img src="atras_galeria.gif" border="0"> </a>
|
<a href="#" onclick="clearInterval(mauricio)"><img src="pausa_galeria.gif" border="0"></a>
|
<a href="#" onclick="clearInterval(mauricio);cambiar(1);inicio()"><img src="adelante_galeria.gif" border="0"></a>
</td>
</tr>
</table>
</center>
</body>
</html>