jQuery did just the trick.
Do a search for jQuery+virtually anything, and you’ll also find that developers have built solutions, called plugins, that are ready to go! In this case, I did a search for “jQuery carousel” and found a fantastic, comprehensive jQuery carousel solution on Dynamic Drive.
Another nice thing about jQuery is that it’s code is now hosted by Google. As a result, you don’t need to upload jQuery to your own server, nor do your website’s readers have to download it each time. If they’ve been to one site with the reference to jQuery, it’s automatically cached for use with your site!
Simply add the code within your head tag and you’re off and running with jQuery:
To run the carousel, I did have to upload and reference the stepcarousel script:
After that, modifying the page was simple! I put my carousel within a div called mygallery and the strip of panels within a div called belt. I then added a small chunk of settings code within my body tag.
You can customize the action quite a bit. In this case I modified the script to run automatically when the page loads. I customized the speed and the duration that each panel is displayed, as well as the buttons to manually rotate the panels left and right. Another cool feature of this plugin – when you get to the last panel, it rewinds back to the first!