Step 1: Insert the code into the body where you want it. Step 2: Download the the below image "placeholder.gif", which the above script requires and references: (enlarged for easier download. Right click and choose "Save As"). Step 3: Finally, add the below onload event handler inside the tag itself: That's a wrap. Read on for important customization info. Customizing the script All changes to the script takes place in the code of Step 1, which is documented for the purpose. First, customize the 7 variables near the top of the script per the comments. Then, locate the
tag at the bottom of the code, which reads: This is where things get interesting. You now need to change the width and height of the "placeholder.gif" image above using the preset formula: placeholder width: -4 sided: 1.42 * carousel image width + 3 -6 sided: 2 * carousel image width +4 -8 sided: 2.62 * carousel image width + 5 -12 sided: 3.87 * carousel image width + 7 placeholder height: -carousel image height+2 In other words, depending on the number of sides your Carousel slideshow is set to, the width and height of the placeholder.gif image needs to change accordingly. In the demo, the slideshow is 8-sided, with images each having a dimension of "140" and "225". So the placeholder.gif is set to "371" (2.62*140+5) and "227" (225+2). And that's it. FYI the above customization steps are repeated within the script for easy reference.