Question

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

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

代码是在CSS以下

<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> 

Answer 1

变化的比例因子至所希望的值（这里我没有到1.0）

.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); 
} 

和补间值更改为所需的值（i做到1.5 ）

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

更新提琴example