A Pen by A Non Ymous.

dDpEu.markdown

dDpEu

A Pen by Secret Sam on CodePen.

License.

index.html

	<div id="myCarousel" class="carousel-inner layer" data-depth="0.10">
		<div class="item active">
		  <div class="fill" data-adaptive-background='1' data-ab-css-background='1' style="background-image:url('../static/img/1.jpg'); background-size: cover;">
		    <div class="container">
				
		    </div>
		  </div>
		</div>
		<div class="item">
		  <div class="fill" data-adaptive-background='1' data-ab-css-background='1' style="background-image:url('../static/img/7.jpg'); background-size: cover;">
		    <div class="container">
		      
		    </div>
		  </div>
		</div>
		<div class="item">
		  <div class="fill" data-adaptive-background='1' data-ab-css-background='1' style="background-image:url('../static/img/2.jpg'); background-size: cover;">
		    <div class="container">
		      
		    </div>
		  </div>
		</div>
		<div class="item">
		  <div class="fill" data-adaptive-background='1' data-ab-css-background='1' style="background-image:url('../static/img/3.jpg'); background-size: cover;">
		    <div class="container">
		      
		    </div>
		  </div>
		</div>
		...
	</div>
k

script.js

(function() {
  $.adaptiveBackground.run();
  menuColor();
})();


function menuColor() {

        if ($('.fill').hasClass('ab-light')) {
            $('.top-menu-bar a').css('color', 'black');
            console.log('sdafasdfsdf');
        }
        else {
            $('.top-menu-bar a').css('color', 'white');
            console.log('darkkkkkk');

        }

}