Вкладки jQuery Tools - изменение цвета фона

Question

Я использую эту настройку: http://flowplayer.org/tools/demos/tabs/slideshow.htm

Я хотел бы изменить фон BODY при переключении с вкладки на вкладку, используя один определенный цвет для соответствия каждой вкладке.

Может ли кто-нибудь сообщить мне, какой дополнительный код мне нужно добавить?

Буду благодарен за любую помощь, потому что я совсем не владею JS, хотя я неплохо разбираюсь в HTML /CSS;)

Большое спасибо.

Answer 1

Вы действительно должны взглянуть на документацию о событиях .

Я предполагаю, что нужно связать с onClick и / или onBeforeClick и, возможно, использовать data-bgColor="#FFF" -типатрибут на каждой вкладке, затем найдите (и примените) это значение к фону тела в одном из этих событий.Что-то вроде:

<!-- first slide -->
<div data-bgcolor="#FF0000"> ... </div>

<!-- second slide -->
<div data-bgcolor="#00FF00"> ... </div>

<!-- third slide -->
<div data-bgcolor="#0000FF"> ... </div>

И:

$('.tabs').tabs(".images > div", {
  // ...
  // other properties applied
  // ...

  onBeforeClick: function(event,tabIndex){
    // /* pseudo-code */
    // var bg = $(event.element).data('bgcolor');
    // $('body').css('background-color', bg);
  }
});