May 2017
Intermediate to advanced
448 pages
10h 10m
English
The Cycle plugin operates on any set of sibling elements on a page. To show it in action, we'll set up some simple HTML containing book cover images and related information in a list, adding it to the body of our HTML document as follows:
<ul id="books"> <li> <img src="images/jq-game.jpg" alt="jQuery Game Development Essentials" /> <div class="title">jQuery Game Development Essentials</div> <div class="author">Salim Arsever</div> </li> <li> <img src="images/jqmobile-cookbook.jpg" alt="jQuery Mobile Cookbook" /> <div class="title">jQuery Mobile Cookbook</div> <div class="author">Chetan K Jain</div> </li> ... </ul>
Some light styling in our CSS file presents the book covers one after the other as shown ...
Read now
Unlock full access