【问题标题】:jQuery code to change an IMG on load of a div在加载 div 时更改 IMG 的 jQuery 代码
【发布时间】:2012-02-24 00:55:44
【问题描述】:

我正在使用 Flowplayer 选项卡 (http://flowplayer.org/tools/demos/tabs/index.html),经过一些研究,您似乎无法使用一组选项卡来更改两个不同的内容面板。

在我的页面上是一个大横幅图像,下面是选项卡,下面是内容容器。单击选项卡会在内容容器中的不同 div 之间切换。如何获取内容容器外部的横幅图像,以根据选择的选项卡进行更改?我是否认为每个选项卡可以在其 div 标签开始后立即包含一些 jQuery 代码,这会在 div 加载后立即更改横幅图像?

非常感谢,我仍然在研究 jQuery,所以希望这是一些基本的东西......!

【问题讨论】:

  • 我会澄清说每个选项卡都可以有一些与之关联的 jQuery,但代码不会在 div 之后物理上存在。有代码示例吗?
  • 嗨,我在这里上传了一个例子:adaptdesign.com/misc/cta/services.html 谢谢。

标签: jquery image tabs swap flowplayer


【解决方案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; 
           }
     }
    });

【讨论】:

  • 您好,谢谢您,这两个“案例”究竟是如何链接到选项卡的?我已将我正在使用的代码上传到adaptdesign.com/misc/cta/services.html
  • 每次点击标签时都会触发onClick 事件(参见flowplayer tabs doc),第二个参数是点击标签的索引。 switch 将根据传递的选项卡索引更改图像。
  • 好像不行,我已经把这段代码上传到上面链接的services.html,你介意看一下吗?任何进一步的输入将不胜感激。
  • 谢谢,我设法让它与 Firebug 一起工作了一两秒钟,我会继续玩,但我很好奇的是网站上有链接到特定的链接此服务页面上的选项卡...我猜您帮助我的代码不会加载新横幅,因为您的代码使用“onClick”事件加载横幅,因此我想知道是否可以执行任何代码在内容容器中出现匹配的 DIV 时更改横幅?对此有什么想法吗?如果没有,您发布的内容将是我能做的最好的。感谢您迄今为止的帮助。
  • 出于绝望,我寻求了一个 CSS 解决方案 - 每个横幅都放置在其相应的选项卡中,并且绝对定位在它需要的位置。似乎可以在除 IE6 之外的所有我测试过的浏览器中使用,这样就可以了!感谢您的帮助,在很快看到 jQuery 解决方案在 Firebug 中运行后,不幸的是,我一直无法让它运行。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-06-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-07-29
相关资源
最近更新 更多