Код jQuery, чтобы изменить IMG при загрузке div

Question

Я использую вкладки Flowplayer (http://flowplayer.org/tools/demos/tabs/index.html), и после некоторых исследований кажется, что у вас не может быть одного набора вкладок для изменения содержимого двух разных панелей.

На моей странице большое изображение баннера, под ним находятся вкладки, а под ним - контейнер с контентом. Нажатие на вкладку изменяет различные div в контейнере контента. Как я могу получить изображение баннера, которое находится вне контейнера контента, чтобы изменить его в зависимости от того, какая вкладка была выбрана? Правильно ли я считаю, что каждая вкладка может иметь некоторый код jQuery сразу после начала тега div, который меняет изображение баннера, как только загружается div?

Большое спасибо, я до сих пор разбираюсь в jQuery, так что, надеюсь, это что-то простое! ..

Answer 1

Вы можете сделать это

   $("#example").tabs(".panes > div", {
      onClick : function(e, index) { 
            switch(index) {
              case 1:
                   // first tab 
                   $('#banner-img').attr('src', 'images/img1.png');
                   break;
                  case 2:
                   //second tab
                   $('#banner-img').attr('src', 'images/img2.png');
                   break; 
           }
     }
    });