JQuery - Cambiar contenido de un div automaticamente

   
Vista:

Cambiar contenido de un div automaticamente

Publicado por Flavio (1 intervención) el 24/07/2014 16:33:39
Hola! soy nuevo en este foro y estoy empezando con programación web.

Mi consulta: Tengo un div donde ingreso imagen y texto quisiera con jquery hacer que cada 3seg cambie el contenido por otra imagen y otro texto (son varias imágenes con sus respectivos textos). La idea es que se repita.

Desde ya Gracias por la ayuda!

Les dejo mi código

--------------------------------------------

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<div class="presentacion">
     <img src="images/imagen1.png" />
     <h4> Nombre </h4>
     <h6> Empresa </h6>
     <h6> Area </h6>
     <p> Funcion </p>
</div>
<div class="presentacion">
     <img src="images/imagen2.png" />
     <h4> Nombre </h4>
     <h6> Empresa </h6>
     <h6> Area </h6>
     <p> Funcion </p>
</div>
<div class="presentacion">
     <img src="images/imagen3.png" />
     <h4> Nombre </h4>
     <h6> Empresa </h6>
     <h6> Area </h6>
     <p> Funcion </p>
</div>

Esos serian mis <div> con sus respectivo contenido que quiero actualizar con jquery
-----------------------------------------

css

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
.presentacion{
  height: 100px;
  width: 300px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
 
  padding:10px;
  border-radius: 20px;
 
  background-color: #fff;
}
 
.presentacion img{
  float:left;
  height: 100px;
  width: 100px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
  position: relative;
 
  border-radius: 10px;
}
 
.presentacion p{
   margin-top: -10px;
   margin-left: 105px;
   font-size:12px;
}
 
.presentacion h4{
   margin-top: 5px;
   margin-left: 105px;
}
 
.presentacion h6{
   margin-top: -20px;
   margin-left: 105px;
   font-size:10px;
   color:#999999;
}

les dejo el css por si las dudas

-----------------------------

Saludos!
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

Cambiar contenido de un div automaticamente

Publicado por marcelo (5 intervenciones) el 25/07/2014 16:12:38
Saludos

yo te recomendaria utilizar un plugin slider...y asi poder rotar las imagenes y textos como en varias paginas lo hacen no?por ejemplo yo utilize el jquery.nivo.slider.js
Y si buscas mas, existe informacion de como implemetarlo en tu aplicacion paso a paso.es sencillo solo cambia las url's de la imagen y sus textos..
Es interesante.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar