Follow these steps to set up a CrossSlide slideshow:
To get started, we'll set up a simple HTML document and associated files and folders just like we did in Chapter 1, Designer, Meet jQuery. The body of the HTML document will contain a container for your slideshow. Inside the container, place any content you'd like to display for users with JavaScript disabled.
<div id="slideshow"> <img src="images/600/AguaAzul.jpg" alt="Agua Azul"/> </div>
I'm going to simply show the first photo from the slideshow for users with JavaScript disabled. I've given my container
<div>
anid
ofslideshow
.Open
styles.css
and add some CSS to define the width and height of the slideshow:#slideshow { width:600px;height:400px; }
Next, head over to http://tobia.github.com/CrossSlide/ to get the downloads and documentation for the CrossSlide plugin.
You'll find the Download minified link near the top of the page. The rest of the page shows several...