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