Imagens cambiando

Farothx · #1 (**permalink**) 14/09/2012, 10:15

Hola.
Tengo en esta página una imagen en un cuadro: http://www.galoyher.com/us.html
me gustaria saber si hay alguna forma de hacer que esa imagen cada 3 o 4 segundos vaya cambiando por otra foto y asi como por 3 o 4 fotos.
Hay alguna forma de hacerlo solo en css?
no se mucho de javascript, por eso.
alguna forma de hacerlo?

memoadian · #2 (**permalink**) 14/09/2012, 13:13

podrias usar un slider, hay muchos prefabricados listos para usarse y con instructivo.

comunmente usan la libreria Jquery que es muy fácil de usar.

tommy_tony · #3 (**permalink**) 14/09/2012, 22:37

Mira este es una función JavaScript muy sencilla espero y te sirva

Esta parte va entre las etiquetas <head><script type="text/javascript">

</script></head>

y este otro en la parte que desees , dentro del body obviamente

<img src="banner1.jpg" name="slide" width="740" height="310" >
<script type="text/javascript">

</script>

solo te tocaría reemplazar las imágenes por las tuyas .Espero y soluciones tu problema.

Farothx · #4 (**permalink**) 18/09/2012, 11:15

tommy_tony usé tu codigo pero no pasa nada, mi codigo quedó así:

<script type="text/javascript">

var image1=new Image()
image1.src="aboutus1.jpg"
var image2=new Image()
image2.src="aboutus2.jpg"
var image3=new Image()
image3.src="aboutus3.jpg"
var image4=new Image()
image4.src="aboutus4.jpg"
var image5=new Image()

</script>

<div id="imagen"> <img id="foto" src="images/aboutus1.jpg" name="slide" > </div>
<script type="text/javascript">

var step=1
function slideit()
{
document.images.slide.src=eval("image"+step+".src" )
if(step<4)
step++
else
step=1
setTimeout("slideit()",2500)
}
slideit()

</script>

en el codigo las imagenes van pasando pasando pero en la página siempre veo la misma. :( como lo puedo solucionar es como q no se actualiza

pero no se mueven las imagenes

Farothx · #5 (**permalink**) 19/09/2012, 11:59

Googlie sliders en jquery como dijeron arriba. pero me salen imagenes que pasan de una a otra con bolitas abajo
yo solamente que se muestre una imagen y cada 2 o 3 segundos se cambie por otra pero no que se vayan por un costado ...el efecto de transicion que busco esque mientras una desaparece la otra aparece al mismo tiempo y se reemplaza una por otra.
alguien sabe si puedo hacer esto tal vez solo con css3? o no sé... algo :S

Farothx · #6 (**permalink**) 19/09/2012, 14:00

encontré el codigo correcto acá: http://css3.bradshawenterprises.com/cfimg/

y así quedo http://galoyher.com/us.html

pero necesito poner 4 imagenes, no solo dos. alguien tiene un codigo con ESTE mismo efecto pero que lo pueda usar con 4 imagenes?

memoadian · #7 (**permalink**) 19/09/2012, 17:17

por si te sirve en JQuery existe el efecto fade.