|
Hola quiero armar en html, o javascript o lo que sea un script que me pueda poner 2 fotos JPG en pantalla que vayan cambiando cada 3 segundos por decir y que cada una de esas fotos tenga un texto introductorio corto relacionada a ellas que tambièn cambie al mismo tiempo (como tienen los diarios online). Además que al cliquear dicho texto me lleve a la ampliacion o descripción completa de ese texto. Ej: para un diario digital. Yo estoy haciendo el archivo index.html en Dreamweaver 8. Quedo a la espera de algun entendido en la materia. Muchas gracias desde ya. |
|
|
Puedes usar este scrip para rotar imágenes: <script language="javascript"> step=0; function autoImgFlip() { if (step < 3) {step++;} else {step=0;} if (step==0) {a.src="objetos/imagenuno.jpg";} if (step==1) {a.src="objetos/imagendos.jpg";} setTimeout("autoImgFlip()", 3000); if (step==2) {a.src="objetos/imagentres.jpg";} if (step==3) {a.src="objetos/imagencuatro.jpg";} } </script> </head> Aquí, ojo con lo siguiente: -El cero, “0”, también cuenta, así que si tenemos 4 imágenes, las contaremos 0,1, 2, 3. -Se debe poner la ruta completa de la imagen, por ejemplo, si están dentro de la carpeta “objetos” entonces pondremos: {a.src=”objetos/imagenuno.jpg”;} -El tiempo de rotación se define en la línea que dice setTimeout… Si queremos que las imágenes roten rápido le pondremos 1000 y durarán un segundo o 500 o 200. Si queremos que roten más lento ponemos 3000 y durarán 3 segundos como en la web que nos sirve de ejemplo (hasta puedes contar la exactitud!!!) Si se desea que la imagen se vea 4 segundos, se pondrá 4000 y así sucesivamente. 3. Ahora, ponemos esta línea de código justo en la etiqueta de apertura del body y quedaría así: <body bgcolor="#ffffff" TEXT="#000000" link="#0000cd" vlink="#0000cd" alink="#ff0000" onLoad="autoImgFlip();"> 4. Y por último, ponemos el nombre de nuestra primera imagen en la capa donde irán las imágenes así: <img src="objetos/imagenuno.jpg" id="a" /> Es un excelente script que le da movimiento a nuestra web sin necesidad de saber o tener algún programa de animación. |
|
|
Gracias por la respuesta , las pondre en practica. Le confirmo como me fue luego. Ademas si quisiera a cada pagina de noticia ponerle un id (que se vaya generando solo), cosa que me queden esas noticias en la base de datos. Eso es mas dificil? En html o javascript o php lo que sea. |
|