Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div id="demo-flat" class="demo">
- <h2>Your Housemates</h2>
- <h4>(Click or use the scroll wheel)</h4>
- <hr>
- <div id="housematecontainer">
- <div id="rightgradient"></div>
- <div id="leftgradient"></div>
- <div id="flat" style="display: inline-block;" class="flipster flipster--transform flipster--flat flipster--click flipster--active" tabindex="0">
- <ul class="flipster__container" style="height: 305px; transform: translateX(-715.75px);">
- <li data-flip-title="Red" class="flipster__item flipster__item--past flipster__item--past-5" style="z-index: 0; margin-right: -75px;"><div class="flipster__item__content">
- <img src="images/housemates/ADCA.jpg">
- </div></li>
- <li data-flip-title="HouseMateName1" class="flipster__item flipster__item--past flipster__item--past-4" style="z-index: 1; margin-right: -75px;"><div class="flipster__item__content">
- <img src="images/housemates/ADCO.jpg">
- </div></li>
- <li data-flip-title="HouseMateName2" class="flipster__item flipster__item--past flipster__item--past-3" style="z-index: 2; margin-right: -75px;"><div class="flipster__item__content">
- <img src="images/housemates/ALKA.jpg">
- </div></li>
- <li data-flip-title="HouseMateName3" class="flipster__item flipster__item--past flipster__item--past-2" style="z-index: 3; margin-right: -75px;"><div class="flipster__item__content">
- <img src="images/housemates/ALMC.jpg">
- </div></li>
- <li data-flip-title="HouseMateName4" class="flipster__item flipster__item--past flipster__item--past-1" style="z-index: 4; margin-right: -75px;"><div class="flipster__item__content">
- <img src="images/housemates/AMTA.jpg">
- </div></li>
- <li data-flip-title="HouseMateName5" class="flipster__item flipster__item--current" style="z-index: 11; margin-right: -75px;"><div class="flipster__item__content">
- <img src="images/housemates/ANDR.jpg">
- </div></li>
- <li data-flip-title="HouseMateName6" class="flipster__item flipster__item--future flipster__item--future-1" style="z-index: 4; margin-right: -75px;"><div class="flipster__item__content">
- <img src="images/housemates/ANSI.jpg">
- </div></li>
- <li data-flip-title="HouseMateName7" class="flipster__item flipster__item--future flipster__item--future-2" style="z-index: 3; margin-right: -75px;"><div class="flipster__item__content">
- <img src="images/housemates/ASAH.jpg">
- </div></li>
- <li data-flip-title="HouseMateName8" class="flipster__item flipster__item--future flipster__item--future-3" style="z-index: 2; margin-right: -75px;"><div class="flipster__item__content">
- <img src="images/housemates/BAVE.jpg">
- </div></li>
- <li data-flip-title="HouseMateName9" class="flipster__item flipster__item--future flipster__item--future-4" style="z-index: 1; margin-right: -75px;"><div class="flipster__item__content">
- <img src="images/housemates/BECH.jpg">
- </div></li>
- <li data-flip-title="HouseMateName9" class="flipster__item flipster__item--future flipster__item--future-5" style="z-index: 1; margin-right: -75px;"><div class="flipster__item__content">
- <img src="images/housemates/BELI.jpg">
- </div></li>
- <li data-flip-title="HouseMateName9" class="flipster__item flipster__item--future flipster__item--future-6" style="z-index: 1; margin-right: -75px;"><div class="flipster__item__content">
- <img src="images/housemates/BESC.jpg">
- </div></li>
- <li data-flip-title="HouseMateName9" class="flipster__item flipster__item--future flipster__item--future-7" style="z-index: 1; margin-right: -75px;"><div class="flipster__item__content">
- <img src="images/housemates/BETO.jpg">
- </div></li>
- <li data-flip-title="HouseMateName9" class="flipster__item flipster__item--future flipster__item--future-8" style="z-index: 1; margin-right: -75px;"><div class="flipster__item__content">
- <img src="images/housemates/BETO2.jpg">
- </div></li>
- <li data-flip-title="HouseMateName9" class="flipster__item flipster__item--future flipster__item--future-9" style="z-index: 1; margin-right: -75px;"><div class="flipster__item__content">
- <img src="images/housemates/BEWA.jpg">
- </div></li>
- <li data-flip-title="HouseMateName9" class="flipster__item flipster__item--future flipster__item--future-10" style="z-index: 1; margin-right: -75px;"><div class="flipster__item__content">
- <img src="images/housemates/BRCO.jpg">
- </div></li>
- <li data-flip-title="HouseMateName9" class="flipster__item flipster__item--future flipster__item--future-11" style="z-index: 1; margin-right: -75px;"><div class="flipster__item__content">
- <img src="images/housemates/CAHA.jpg">
- </div></li>
- <li data-flip-title="HouseMateName9" class="flipster__item flipster__item--future flipster__item--future-12" style="z-index: 1; margin-right: -75px;"><div class="flipster__item__content">
- <img src="images/housemates/CHAU.jpg">
- </div></li>
- <li data-flip-title="HouseMateName9" class="flipster__item flipster__item--future flipster__item--future-13" style="z-index: 1; margin-right: -75px;"><div class="flipster__item__content">
- <img src="images/housemates/CHCA.jpg">
- </div></li>
- <li data-flip-title="HouseMateName9" class="flipster__item flipster__item--future flipster__item--future-14" style="z-index: 1; margin-right: -75px;"><div class="flipster__item__content">
- <img src="images/housemates/CHRE.jpg">
- </div></li>
- <li data-flip-title="HouseMateName9" class="flipster__item flipster__item--future flipster__item--future-15" style="z-index: 1; margin-right: -75px;"><div class="flipster__item__content">
- <img src="images/housemates/CIBA.jpg">
- </div></li>
- <li data-flip-title="HouseMateName9" class="flipster__item flipster__item--future flipster__item--future-16" style="z-index: 1; margin-right: -75px;"><div class="flipster__item__content">
- <img src="images/housemates/DARE.jpg">
- </div></li>
- </ul>
- </div>
- <script>
- var flat = $("#flat").flipster({
- style: 'flat',
- spacing: -0.25
- });
- </script>
- <hr>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement