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.

AUTO vs CODED SLIDING
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

left

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.

right

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.

down

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

$6.95

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

These effects are not officially part of Web Studio

Thank-you!

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