JavaScript - cambiar color de fondo utilizando bootstrap

   
Vista:

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


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
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

cambiar color de fondo utilizando bootstrap

Publicado por arck (74 intervenciones) el 17/02/2016 13:16:38
generate la misma clase pero con el backgound al color que quieras.

cuando hagas el link en el html sigue este orden:

<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="cssPropios/prueba.css" rel="stylesheet"/>
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