Javascript jQuery-单击选项卡时更改图像

我正在尝试让WordPress图像根据单击的选项卡进行更改

我希望使用jQuery的淡入淡出效果将图像替换为新图像。图像必须相对于选项卡

例如

如果单击了选项卡my1，则将当前图像替换为my1.jpg 如果单击了选项卡my2，则将当前图像替换为my2.jpg

任何帮助，非常感谢：

试试这个： $“.ui选项卡”。单击函数E{ e、 停止传播；

---

};

似乎正在使用jQuery UI选项卡组件。切换选项卡时，它有一个自定义选项卡选择事件。您可以这样点击它：

jQuery('#wp-tabs-1').bind('tabsselect', function(event, ui) {
    var $img = jQuery('li.imageslide img');

    $img.fadeOut('slow', function() {
        $img.attr('src', 'my' + ui.index + '.jpg');
        $img.fadeIn('slow');
    });
});

单击选项卡的索引将存储为传入回调的ui参数对象的属性。您可以通过将“my”连接到文件名来构建该文件名

---

我不确定你想要切换的是什么图像，我假设它是页面上主要的大图像。如果没有，请将“li.imageslide img”选择器切换到针对图像元素的选择器。

以下是使用jQuery UI选项卡执行所需操作的方法。它使用show事件检测正在显示的ui.panel元素

​$('#tabs').tabs({
  show: function(e,ui){
    switch(ui.panel){
      case $('#tabs-1')[0]: src = 'image1.jpg'; break;
      case $('#tabs-2')[0]: src = 'image2.jpg'; break;
      default: src = 'default.jpg';
    }
    $('#myimg').attr('src',src);
  }
});​​​​​

---

将来，我建议您在问题中添加更多细节，并提供一个更简化的示例。您的页面上有许多脚本，这使得查看您的具体情况变得很困难。

啊，对不起，我可能没有很好地解释我想做什么。我想将主图像../careers-sm-930x370.jpg替换为../Wind_turbines_by_serdarguler-930x370.jpg，或者我最好这样说。我想带你去看幻灯片放映中的某张幻灯片。那可能会容易一点。我猜我会在滑块散列标签上使用click函数？？我现在已经上传了多张图片到幻灯片中，因此您可以看到该选项的外观。