Hola compañeros del foro, les escribía por una consulta que les quiero hacer...
Para ser sinceros, soy realmente nuevo en esto de JavaScript, y entre manuales y ejemplos, logré hacer mi primer aplicación, la cuál sirve para seleccionar imágenes de forma automática, cada vez que alguien entra a mi sitio, son dos, una imágen fija durante todo el día, y otra al azar...
Ahora mi consulta, como hago para que esas imágenes que he agregado, tengan la propiedad de un onmouseover, para que cada vez que alguien se situa sobre ellas, la barra de status, nos muestre algún texto específico, en este caso quiero que sea el mismo que figura para el alt de las imágenes... Les paso el ejemplo a ver que hice mal...
Ah, está bien como estoy llamando a las imágenes dentro del body??? ¿se hace asi? <script>fotoazar()</script>
<html>
<head>
<script language="JavaScript">
<!-- Código de American2010 -->
var fotos = new Array();
fotos[0] = new Array("01.gif","Texto alternativo para esta foto","http://www.sitio.com/01.htm");
fotos[1] = new Array("02.gif","Texto alternativo para esta foto","http://www.sitio.com/02.htm");
fotos[2] = new Array("03.gif","Texto alternativo para esta foto","http://www.sitio.com/03.htm");
fotos[3] = new Array("04.gif","Texto alternativo para esta foto","http://www.sitio.com/04.htm");
fotos[4] = new Array("05.gif","Texto alternativo para esta foto","http://www.sitio.com/05.htm");
fotos[5] = new Array("06.gif","Texto alternativo para esta foto","http://www.sitio.com/06.htm");
fotos[6] = new Array("07.gif","Texto alternativo para esta foto","http://www.sitio.com/07.htm");
fotos[7] = new Array("08.gif","Texto alternativo para esta foto","http://www.sitio.com/08.htm");
var tot = fotos.length-1;
var nu = Math.random()*tot
var num = Math.round(nu)
var fecha = new Date();
var dia = fecha.getDate()-1;
while (dia >= tot)
{
dia=dia-tot
}
function fotodia(){
return document.write("<a href=",fotos[dia][2],"><img border=0 alt='",fotos[dia][1],"' src=",fotos[dia][0],"></a>");
}
if (num == dia)
num=num-1;
function fotoazar(){
return document.write("<a href=",fotos[num][2]," onMouseOver=window.status='Ver esto con mouse over'; return true><img border=0 alt='",fotos[num][1],"' src=",fotos[num][0],"></a>");
}
</script>
</head>
<body onload="window.defaultStatus='Texto por defecto';return true">
<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" width="750">
<tr>
<td width="350">
<p align="center"><script>fotodia()</script></td>
<td width="50"></td>
<td width="350">
<p align="center"><script>fotoazar()</script></td>
</tr>
</table>
</center>
</div>
</body>
</html>
Bueno, de antemano mil gracias a todos los que me ayuden, y también si tienen alguna otra sugerencia o consejo o demás, bienvenidos sean...
Saludos Miguel Angel