Jquery 在div及其子级上设置不同的Css3转换速度

我尝试在我的网站上实现Slidejs。 这是网站的链接

我想做的是在元素的功能中设置一个不同的速度转换。 以下是我的Html结构：

<div id="slides" class="sliders_1">
    <div style="background:url(/images/slider/slide1.jpg) no-repeat scroll center center; background-size:100% auto;">
        <div class="slider-title">
            <h2 class="title">Title</h2>
        </div>
        <div class="slider-subtitle">
            <h3 class="subtitle">Subtitle.</h3>
        </div>
    </div>
    <div style="background:url(/images/slider/slide1.jpg) no-repeat scroll center center; background-size:100% auto;">
        <div class="slider-title">
            <h2 class="title">Title</h2>
        </div>
        <div class="slider-subtitle">
            <h3 class="subtitle">Subtitle.</h3>
        </div>
    </div>
</div>

这就是启用库所需的全部内容

更新#2 更具体地说，我想先用背景图像滑动div。 在第一次转换期间，我能否以不同的速度启动另一个到h2和h3的转换

更新#3 这是你的名字！ 我想在Firefox上做，但在Safari、Chrome和其他浏览器上做不到。。。 背景之间的滑动速度，h2和h3是不同的，这就是我想要的

我想让它从右向左滑动

fadeSpeed（数字）-默认值为350毫秒。

以毫秒为单位设置淡入淡出动画的速度

$(function(){
      $("#slides").slides({
        fadeSpeed: 350
      });
    });

$(function(){
      $("#slides").slides({
        slideSpeed: 350
      });
    });

幻灯片速度（数字）-默认值为350毫秒。

以毫秒为单位设置滑动动画的速度

$(function(){
      $("#slides").slides({
        fadeSpeed: 350
      });
    });

$(function(){
      $("#slides").slides({
        slideSpeed: 350
      });
    });

---

你能提供你的代码吗。。。？所以我们可以很快修复它。您需要当前元素的一部分吗？谢谢。你能加一个JSFIDLE吗？这将非常有帮助。请参阅更新#3。