javascript - 画像変更時にカルーセルの背景色を変更

Question

（私の英語でごめんなさい）

スライドショーに 2 番目の画像が表示されている場合など、スライドショーの背景 css を JavaScript で変更したいと考えています。

ここに私のページのリンクがあります: 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">‹&lt;/a><a class="carousel-control right" href="#myCarousel" data-   slide="next">›&lt;/a>
</div>
<!-- Call Carousel -->
<script type="text/javascript">
// <![CDATA[
(function($) {
    $('.carousel').carousel({});
})(jQuery);
// ]]>

</script>

手伝ってくれてありがとう！

Answer 1

次のような古いスタイルでも実行できます。

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

お役に立てば幸いです。

Answer 2

jQuery を使用して css プロパティを変更できます。

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

(これは、背景関連の css プロパティを変更するために使用できます)

Answer 3

これを試して

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