Есть слайдер, в котором необходимо использовать transform (расположение и поворот). Но для каждой фотографии нужно использовать определённые translate и rotate. Можно ли для информера задать так, чтобы использовать для каждой фотографии разные параметры (translate и rotate)?
<figure style="transform: translate(390px, 200px) rotate(-21deg);"> <a href="http://goo.gl/Qw3ND4" class="photostack-img"><img src="img/1.jpg" alt="img01"></a> <figcaption> <h2 class="photostack-title">Serenity Beach</h2> </figcaption> </figure> <figure style="transform: translate(230px, 380px) rotate(0deg);"> <a href="http://goo.gl/fhwlSP" class="photostack-img"><img src="img/2.jpg" alt="img02"></a> <figcaption> <h2 class="photostack-title">Happy Days</h2> </figcaption> </figure> <figure style="transform: translate(390px, -160px) rotate(21deg);"> <a href="http://goo.gl/Jmvr4u" class="photostack-img"><img src="img/3.jpg" alt="img03"></a> <figcaption> <h2 class="photostack-title">Beautywood</h2> </figcaption> </figure> <figure style="transform: translate(710px, -160px) rotate(32deg);"> <a href="http://goo.gl/49lN3k" class="photostack-img"><img src="img/4.jpg" alt="img04"></a> <figcaption> <h2 class="photostack-title">Heaven of time</h2> </figcaption> </figure> <figure style="transform: translate(710px, 20px) rotate(17deg);"> <a href="http://goo.gl/NJ1Dhf" class="photostack-img"><img src="img/5.jpg" alt="img05"></a> <figcaption> <h2 class="photostack-title">Speed Racer</h2> </figcaption> </figure> <figure style="transform: translate(-90px, 20px) rotate(-17deg);"> <a href="http://goo.gl/Ms7VDl" class="photostack-img"><img src="img/6.jpg" alt="img06"></a> <figcaption> <h2 class="photostack-title">Forever this</h2> </figcaption> </figure> <figure data-dummy="" style="transform: translate(870px, -160px) rotate(4deg);"> <a href="#" class="photostack-img"><img src="img/7.jpg" alt="img07"></a> <figcaption> <h2 class="photostack-title">Lovely Green</h2> </figcaption> </figure> <figure data-dummy="" style="transform: translate(870px, 20px) rotate(23deg);"> <a href="#" class="photostack-img"><img src="img/8.jpg" alt="img08"></a> <figcaption> <h2 class="photostack-title">Wonderful</h2> </figcaption> </figure> <figure data-dummy="" style="transform: translate(-90px, -160px) rotate(-34deg);"> <a href="#" class="photostack-img"><img src="img/9.jpg" alt="img09"></a> <figcaption> <h2 class="photostack-title">Love Addict</h2> </figcaption> </figure> <figure data-dummy="" style="transform: translate(70px, 380px) rotate(-31deg);"> <a href="#" class="photostack-img"><img src="img/10.jpg" alt="img10"></a> <figcaption> <h2 class="photostack-title">Friendship</h2> </figcaption> </figure> <figure data-dummy="" style="transform: translate(1030px, -160px) rotate(-33deg);"> <a href="#" class="photostack-img"><img src="img/11.jpg" alt="img11"></a> <figcaption> <h2 class="photostack-title">White Nights</h2> </figcaption> </figure> <figure data-dummy="" style="transform: translate(230px, 200px) rotate(6deg);"> <a href="#" class="photostack-img"><img src="img/12.jpg" alt="img12"></a> <figcaption> <h2 class="photostack-title">Serendipity</h2> </figcaption> </figure> <figure data-dummy="" style="transform: translate(1190px, 380px) rotate(-13deg);"> <a href="#" class="photostack-img"><img src="img/13.jpg" alt="img13"></a> <figcaption> <h2 class="photostack-title">Pure Soul</h2> </figcaption> </figure> <figure data-dummy="" style="transform: translate(550px, 200px) rotate(26deg);"> <a href="#" class="photostack-img"><img src="img/14.jpg" alt="img14"></a> <figcaption> <h2 class="photostack-title">Winds of Peace</h2> </figcaption> </figure> <figure data-dummy="" style="transform: translate(1030px, 380px) rotate(0deg);"> <a href="#" class="photostack-img"><img src="img/15.jpg" alt="img15"></a> <figcaption> <h2 class="photostack-title">Shades of blue</h2> </figcaption> </figure> <figure data-dummy="" style="transform: translate(70px, 20px) rotate(27deg);"> <a href="#" class="photostack-img"><img src="img/16.jpg" alt="img16"></a> <figcaption> <h2 class="photostack-title">Lightness</h2> </figcaption> </figure>
Это хотелось бы преобразовать в информер фотографий, но какие средства для этого есть в Информерах - не знаю.