cambiar color de fondo utilizando bootstrap
Publicado por Jorje Alberto (1 intervención) el 16/02/2016 17:23:06
Hola buen dia, soy nuevo en javascript y estoy buscando la solucion para cambiar el fondo de un contenedor que abraza a un slider (bootstrap) al cambiar el slide toma una clase llamada .active, lo que quiero es que cuando este div tome esa clase se cambie el fondo de otro div que contiene este slide.
estaba pensando en crear un id para el contenedor que va a cambiar de color y agregar y quitar una clase para cambiarle el color, pero lo que tengo duda es como hacer referencia de la clase que va a aparecer y que esta en otro div (la clase .active), aqui esta el slide de bootstrap
estaba pensando en crear un id para el contenedor que va a cambiar de color y agregar y quitar una clase para cambiarle el color, pero lo que tengo duda es como hacer referencia de la clase que va a aparecer y que esta en otro div (la clase .active), aqui esta el slide de bootstrap
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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<div id="fondo" class="container-fluid ">
<div class="container">
<div class="row">
<div class="col-xs-12">
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators --><ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides --><div class="carousel-inner" role="listbox">
<div id="primero" class="item active">
<img src="img/img1.jpg" alt="...">
<div class="carousel-caption">
...
</div>
</div>
<div id="segundo" class="item">
<img src="img/img2.jpg" alt="...">
<div class="carousel-caption">
...
</div>
</div>
<div id="tercero" class="item">
<img src="img/img3.jpg" alt="...">
<div class="carousel-caption">
...
</div>
</div>
...
</div>
</div>
<!-- Controls --><a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</div>
Valora esta pregunta
0