jssor scrolling logo - указать отдельную ширину для каждого слайда

Question

Как я могу указать разную ширину для каждого слайда. мой логотип имеет разную ширину, которая начинается от 100 до 350 PX. Поэтому я хочу установить другую ширину слайда для каждого слайда.

<div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 980px; height:100px;overflow:hidden;"> 
     <div><img width="100" u="image" alt="android" src="../img/logo/android.jpg" /></div> 
     <div><img width="200" u="image" alt="bitly" src="../img/logo/bitly.jpg" /></div> 
     <div><img width="300" u="image" alt="blogger" src="../img/logo/blogger.jpg" /></div> 
    </div> 

Answer 1

Если вы удалите u = "image", вы можете настроить контент самостоятельно.

Например, вы устанавливаете $ SlideWidth в 300. Slide 0 содержит 2 изображения, слайд 1 содержит 1 изображение и слайд 2 содержит 2 изображения.

<div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 900px; height:100px;overflow:hidden;"> 
    <div> 
     <img style="position: absolute; top: 0px; left: 0px; width: 100px; height: 100px;" alt="android" src="../img/logo/android.jpg" /> 
     <img style="position: absolute; top: 0px; left: 100px; width: 200px; height: 100px;" alt="android" src="../img/logo/android.jpg" /> 
    </div> 
    <div> 
     <img style="position: absolute; top: 0px; left: 0px; width: 300px; height: 100px;" alt="android" src="../img/logo/android.jpg" /> 
    </div> 
    <div> 
     <img style="position: absolute; top: 0px; left: 0px; width: 100px; height: 100px;" alt="android" src="../img/logo/android.jpg" /> 
     <img style="position: absolute; top: 0px; left: 100px; width: 100px; height: 100px;" alt="android" src="../img/logo/android.jpg" /> 
     <img style="position: absolute; top: 0px; left: 200px; width: 100px; height: 100px;" alt="android" src="../img/logo/android.jpg" /> 
    </div> 
</div>