JS Javascript – Imágenes cambiantes SOLUCIONADO
5 seguidores
https://joaquinrec.wordpress.com/programacion/javascript-indice/javascript-imagenes-cambiantes/
http://joaquinfb.16mb.com/varios/cambiaimagen.html
¿sabreis si se podrá repetir varias veces en la misma página esta función? lo intenté y no sale, ¿qué puede ser lo que hay que cambiar? porque la id ya la cambié y no funciona
http://previnsa.com/madrid.html
violeta_mateu
Lo de main si que no lo pillo bien, no encuentro ninguna clase con .% como dices tu pero si encuentro esto: ".\31" ¿sustituyo eso por ".t30"? es decir, ¿sustituyo la / por la t ?
Usuario desconocido
No, estas viendo como hacerlo con transition y hover, pero puedes hacerlo solo con css (que ira mas rapido y con menos problemas) con @keyframes metiendo las imagenes en un div, les pones a la imagenes la propiedad absolute y varias la opacidad con @keyframes. Es un poco farragoso pero no es complicao.
Si lo haces con js tal y como lo estas planteando tendras que duplicar el js y editar tanto el id como las imagenes que tenga que cargar. Puedes llamarlo cambia2 y hacer
function inicio() { setInterval(cambia, 3000); setInterval(cambia2, 3000); }
Es mas logico y eficiente hacerlo con parametros pero hay que saber un poco de js.
rafael_o Mod Plus
Para el JS que tienes, evidentemente que las otras fotos deben de tener un ID diferente.
En este caso tendrías que repetir toda la función, pero no es larga. Lo ideal sería llamar una misma función con distinto parámetro.
---
Otras opciones para cambiar imágenes es usar CSS animations, explora eso.
https://www.google.com.mx/search?q=css+transition+images
https://www.google.com.mx/search?q=css+animation+multiple+images
---
Y una más elaborada es usar un slider. Considero que el mejor slider es JssorSlider, pero probablemente es demasiado para lo que estás haciendo.
avance Mod
Hola @violeta_mateu por favor no dupliques hilos. Te borro el otro.
¡Saludos!