Javascript 图像变换在每张幻灯片上旋转

我有一个工作滑块，它工作完美，但我所寻找的是什么，目前它有不同的效果，这里是一个工作的例子

在每张幻灯片上，图像正在缩小，我正在寻找相反的效果，这将放大而不是当前效果，但无法做到这一点

代码如下

<div id="demo-1" data-zs-src='["https://cdn.img42.com/35f7070a6c188d7e325a8c93db7fec05.jpeg", "https://cdn.img42.com/42d703e80b91ac0d7b412e649f761af5.jpeg", "https://cdn.img42.com/e864ec05541d5f0adbc6b73063d05d5c.jpeg"]' data-zs-overlay="dots">
    <div class="demo-inner-content">
        <h1><span>Testing</span> . <span>Slider</span></h1>
        <p>Testing Slider Test Slideshow Test Slideshow Test Slideshow </p>
    </div>
</div>

测试。滑块
测试滑块测试幻灯片放映测试幻灯片放映测试幻灯片放映

将比例因子更改为css中所需的值（这里我对

1.0

）

并将tween值更改为所需值（我对

1.5

）

---

更新的fiddle

在css中将比例因子更改为所需的值（这里我对

1.0

）

并将tween值更改为所需值（我对

1.5

）

---

更新的小提琴

你的滑块不工作你的滑块不工作为你快速回答这个问题，但实际上，当它从中心开始时，图像，我看到的是它应该从一开始就在屏幕上显示封面像这样工作我更新了小提琴链接，这就是你要找的我打赌@zgür Ersil Nice1感谢你的快速回答，但实际上，当它从中间开始时，我要找的是它应该从一开始就在屏幕上显示封面，像这样工作我已经更新了小提琴链接，这就是你要找的我打赌@zgür Ersil Nice1

.zs-enabled .zs-slideshow .zs-slides .zs-slide {
    background: transparent none no-repeat 50% 50%;
    background-size: cover;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.css( { 'opacity': 1.0, 'transform': 'scale(1.5, 1.5)', 'z-index': 2 } )