在图像变化时改变旋转木马的bg颜色

时间:2013-08-08 06:19:50

标签: javascript css twitter-bootstrap background carousel

(对不起我的英文)

当幻灯片显示第二张图片时,我想用javascript forexample更改我的幻灯片背景css。

这是我的页面链接:http://2013.original-k9.de/index.php/julius-k9-kontakt/valami

源代码:

<div id="myCarousel" class="carousel slide">
<ol class="carousel-indicators" style="list-style: none;">
    <li class="active" data-target="#myCarousel" data-slide-to="0"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
</ol>
<!-- Carousel items -->
<div class="carousel-inner">
    <div class="active item"><img src="images/headers/3_14.jpg" alt="3 14" />
    </div>
    <div class="item"><img src="images/headers/3.jpg" alt="3" />
    </div>
</div>
<!-- Carousel nav --><a class="carousel-control left" href="#myCarousel" data- slide="prev">‹</a><a class="carousel-control right" href="#myCarousel" data-   slide="next">›</a>
</div>
<!-- Call Carousel -->
<script type="text/javascript">
// <![CDATA[
(function($) {
    $('.carousel').carousel({});
})(jQuery);
// ]]>

</script>

感谢您的帮助!

4 个答案:

答案 0 :(得分:2)

你也可以这样做:

function setColor(element, color)
{
    element.style.backgroundColor = color;
}

我希望它有所帮助。

答案 1 :(得分:1)

试试这个

  $(this).css({'background-color': '#ccc'});
  $('a', this).css({'color': 'red'});

答案 2 :(得分:1)

您想要的是以下内容

$('#your-element').css('background-color', '#cccccc');

在哪里以及如何申请取决于您的滑块......

例如,您可以在轮播功能中执行此操作,或使用setInterval等更改颜色。

答案 3 :(得分:1)

您可以使用jQuery更改css属性:

$('#element_ID_whose_css_should_be_changed').css({'property_you_want_to_set_or_change' : 'new_value_for_property'});

(这可以用于改变与背景相关的css属性)