Carouhell - Rotate two pictures side by side
Back to Carouhell
Just override the CSS to set the ul width double of the li width. No additional javascript needed.
<![CDATA[
<link rel="stylesheet" type="text/css" href="src/carouhell.css">
<script src="src/carouhell.js"></script>
<style>
.carouhell { width: 600px; height: 400px; background: gray; }
.carouhell>li { transition: 400ms; width: 300px; }
</style>
<ul id="test" class="carouhell">
<li><img src="assets/img1.jpg">
<li><img src="assets/img2.jpg">
<li style="background-image: url('assets/img3.jpg')">
<span class="stripe" style="align-self: center">Tree3</span>
</li>
<li><img src="assets/img1.jpg">
<li><img src="assets/img2.jpg">
</ul>
]]>