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
--------------------------------------------
Esos serian mis <div> con sus respectivo contenido que quiero actualizar con jquery
-----------------------------------------
css
les dejo el css por si las dudas
-----------------------------
Saludos!
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
0
