JSFiddle - React, Tailwind, and code Playground

by morrison

HTML

<script src="http://malsup.github.com/jquery.cycle.all.js"></script>
<div id='slideshow'>
    <figure>
        <img src='http://images.apple.com/imac/images/overview_allinone20110426.png' width='546' height='640' />
        <h1><img src="http://images.apple.com/imac/images/overview_allinone_title20110426.png" width="296" height="40" alt="All-in-one design."></h1>
        <h2><img src="http://images.apple.com/imac/images/overview_allinone_subhead20110426.png" width="406" height="85" alt="Power and performance. Beautifully packaged."></h2>
    </figure>
    <figure>
        <img src="http://images.apple.com/imac/images/overview_new1_20110426.png" width="693" height="640" alt=""/>
        <h1><img src="http://images.apple.com/imac/images/overview_new_title20110426.png" width="288" height="164" alt="The ultimate all-in-one goes all out."></h1>
        <h2><img src="http://images.apple.com/imac/images/overview_new_subhead20110426.png" width="289" height="193" alt="Now with a quad-core processor in every model, up to 3x faster graphics, Thunderbolt, and a FaceTime HD camera. Starting at $1199."></h2>
    </figure>
</div>

JavaScript

(function($){
    $('#slideshow').cycle();
}(jQuery.noConflict()))