Estilo para elemento Javascript?

rousalin · #1 (**permalink**) 13/01/2010, 14:05

Hola a todos!!
Estoy intentando pasarme del html basiquillo al javascript y necesito ayuda...

Os cuento, tengo una web en html y quiero que cada vez que se actualiza o con cada entrada aparezca una imagen distinta. Encontré un código para banner que funciona muy bien, pero aparte de cambiar tamaño no puedo hacer nada más.

Mi duda es: Habría algún equivalente a propiedades como top, left, position... Para poder combinar esto con el resto de la web en html(menu,texto...)?

Copio el código:
<SCRIPT LANGUAGE="JavaScript">


</SCRIPT>

Muchas gracias!!!

quimfv · #2 (**permalink**) 14/01/2010, 02:22

Hay muchisimas formas de hacer lo que dices...

Código Javascript:

Ver original//Variables de configuración
var how_many_ads = 2;
var now = new Date()
var sec = now.getSeconds()
var ad = sec &#37; how_many_ads;
ad +=1;
 
//Cargamos las imagenes
if (ad==1) {
alt="FOTO1";
banner="0001.jpg";
 
//Medidas de la imagen
width="965";
height="145";
 
}
// Idem
if (ad==2) {
alt="FOTO@";
banner="0002.jpg";
width="965";
height="145";
}
 
//Imprimimos las imagen en alguna parte del html
document.write('<center>');
document.write('<img src=\"' + banner + '\" width=')
document.write('alt=\"' + alt + '\" border=0><br>');

(HIGHLIGHT cambia % por & # 3 7; no hagas caso )

El script que nos mandas esta un poco incompleto...

Pero bueno con los comentarios que te he puesto quizas te ayudan a adaptarlo a tu gusto....

Si sustituyes la parte donde se imprime la imagen en el HTML, podras localizar la imagen donde quieras del documento. Me explico, en este caso se imprime la imagen al principio y en el centro del documento.

Si pones

Código Javascript:

Ver originaldocument.getElementById("visorfoto").innerHTML="<img src='" + banner + "' width='" + width + "' height='" + height + "' alt='" + alt + "' border=0>');

Y en alguna parte del HTML tienes un div con id="visorfoto" veràs como la foto se muestra donde hayas situado el div.

Código HTML:

Ver original<div id="visorfoto">Foto</div>

DIV si tiene las propiedades top, left, position que pedias....deberas llamar el script cundo ya se haya cargado el documento.

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 
</head>
<body>
<div id="visorfoto">Foto</div>
<script language="JavaScript" type="text/JavaScript">
document.getElementById("visorfoto").innerHTML='<img src="images/recursos1.jpg" width="171" height="128">';
</script>
</body>
</html>

Espero que te sirva...

Quim