Hola:
La verdad es que para "novatos" como admiten ser, tal vez sea mejor javascript, pero si se dispone de un lenguaje del servidor sería bastante mejor (hay gente que deshabilita javascript)
Un ejemplo de página sería:
Código:
<html>
<head>
<title>
efecto
</title>
<script type="text/javascript">
function tipoDatos (imagen, descriptor) {
this.imagen = imagen;
this.descriptor = descriptor;
}
var datos = new Array();
datos[0] = new tipoDatos("http://www.pepemolina.com/galeria/fotos/mini/Diapositiva81.jpg", "descripción 1");
datos[1] = new tipoDatos("http://www.pepemolina.com/galeria/fotos/mini/Diapositiva82.jpg", "descripción 2");
datos[2] = new tipoDatos("http://www.pepemolina.com/galeria/fotos/mini/Diapositiva52.jpg", "descripción 3");
function azar() {
i = Math.floor(Math.random() * datos.length);
document.getElementById("imagenAzar").src = datos[i].imagen;
document.getElementById("descriAzar").appendChild(document.createTextNode(datos[i].descriptor));
}
</script>
</head>
<body onload="azar()">
<img id="imagenAzar" /><span id="descriAzar"></span>
</body>
</html>
Con respecto al enlace, bastaría que la etiqueta span se cambiase por a.
Saludos