Image effects in Web Studio
Web Studio 5 Tutorials and Add On's - supporting you take your website that next step

Auto Sliding Image Effects

 Remember to donate if you use a tutorial - Thank-you for help with maintaining the website and for understanding my time

Auto generated sliding image effects with text captions below the image after they slide.
You type this caption into the alternate text message box.
Add the class and these will generate for you.

The auto sliding is generated for you so there is no need for coding
The text below the image uses the built in title tag so no CSS style other than the color options
The coded sliding uses an HTML object and if you know a little HTML you can do a lot more with those


Many rate the Vought F4U Corsair with the Mustang as the greatest WWII fighter planes. First used in '43 by '44 the F4U gave the US supreme air superiority destroying almost 3,000 Japanese aircraft with a loss of only 189. The Corsair even shot down a few MiG-15 jet fighters in the Korean Conflict.


The P-40 Warhawk was the United States best fighter available in large numbers when World War II began. They also served with the famed Flying Tigers in China in '42, and in North Africa in '43. Often slower and less maneuverable than its adversaries, the P-40 earned a reputation in battle for extreme ruggedness.


The Messerschmitt Bf 109 was the backbone of the Luftwaffe serving on all fronts with many versions during WWII. The biggest possible engine in the smallest possible airframe, the 109 shot down more Allied planes than any other aircraft. The Messerschmitt remained a formidable adversary until the last day of the war.


The P-51 Mustang was an iconic American fighter of WWII that gave the bombers of US 8th Air Force the fighter cover it so desperately needed over occupied Europe. It was fast and nimble and was the first allied fighter with the range to escort the B-17 and B-24 bombers deep into German territory and back.

Options and how it's used

• You can use protected or regular images
• You can add any one of the 4 different effects to as many images as you like
• You can change the background color and text color under the images
• I added a border with a radius corner and a shadow from the css section (only on these examples)
• There are more options with the coded version but this one is easier to use

Copy / paste the code as shown in the tutorial

Add a class to the image division

Type in the caption and they generate

There is no download for this add on

The buy now link will show you how to copy/paste the add on into Web Studio
If you need any additional help feel free to ask on the WSnext forum


After the secure "Paypal" link you
will be taken to the code page

These effects are not officially part of Web Studio


Web Studio 5 - Auto generated sliding image effects with captions under the image - by Web Studio Next