Time for action — creating a featured content slider
We'll get started as usual by setting up our basic HTML file and associated files and folders, just like we did in Chapter 1,Designer, Meet jQuery.
- In the body of the HTML document, the HTML markup for our featured content slider will be very similar to the HTML we set up for a news ticker. The only difference is that I'm replacing the images with larger images since I want images to be the main focus of the slider. I'm using images that are 600 pixels wide by 400 pixels tall. The following is a sample of the HTML:
<div class="jcarousel-skin-slider"> <ul id="featured-carousel"> <li> <a href="#"><img src="images/600/Switzerland.jpg" alt="Switzerland"/></a> <div class="info"> <h4>Switzerland</h4> ...