Other Projects

Getting started

Now you can use it like other jQuery UI widgets. After installing jQuery, jQuery UI, and jCoverflip, just call .jcoverflip() on the parent element to create it.

<script>
  $(function(){
    $('#flip').jcoverflip();
 
});
</script>
</head>...
<body>...
 
<ul id="flip">
    <li><a href="..."><img ...><span class="title">My title</span></a></li>
    <li><a href="..."><img ...><span class="title">Another title</span></a></li>
    ...
  </ul>

View Demo