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

Image Caption Effects

 WSnext buy now Add on effect - Thank-you for help with maintaining the website and for understanding my time

Caption effects for images that slide or fade in over the image.
You insert your images or protected graphics and add your links like usual using web studio.
You can use the default cut and paste, customize the colors and size or write your own content.

DEFAULT, CUSTOM or CODED
The DEFAULT is generated for you so there is no need for coding and you can change the colors
The CUSTOM is also generated for you and you can change the effect, colors size and speed of the captions
The CODED if you know a little HTML gives you the option to make your own content for the captions

Default Caption Effect

B24 LIBERATOR - the most produced heavy bomber in history half of those were made by Ford

Copy / paste as shown in the tutorial and you get this classic look

Or you can change the background and text colors and add a link with web studio

Options and how it's used

• You put your pictures on the page and can link them with web studio like you always do
• All of these use an add on you attach to website properties and they auto generate
• The default all you do is add a class to the image and write in the alternate text message
• You also have the option of changing the background and text colors

Custom Caption Effect

B17G FLYING FORTRESS </br> The heroic story of the Flying Fortress to free Europe is a saga worthy of legend. </br> B17s were used by the US 8th on runs into hell-fire in broad daylight on industrial targets. </br> Relief only coming in late 43 when P-51 mustangs could finally give badly needed escort.

Change the colors, speed, opacity, size with the slide up or a fade in effect.

Options and how it's used

• You put your pictures on the page and can link them with web studio like you always do
• All of these use an add on you attach to website properties and they auto generate
• The custom you add a class to the image and write in the alternate text message
• You have the options of changing the background and text colors and their transparency
• Then set the size of the caption as high as you like, how fast it works and choose the effect

Coded Caption Effect

Lockheed P-38 Lightning

What would become one of the best fighters in World War II was originally designed as a bomber-interceptor and was never intended to be a fighter.
"fly like hell, fight like a wasp, and land like a butterfly"

The Lightning shot down more Japanese airplanes than any other fighter

Seven of the top scoring aces in the Pacific flew P-38s
Including our nation's highest with 40 aerial victories
It was faster than the Zero, even on one engine!
More about the P-38

All the options but with a little HTML and CSS the captions look is totally up to your imagination

Options and how it's used

• You put your pictures on the page with web studio but this time put links in your coded caption
• All of these use an add on you attach to website properties and they auto generate
• The coded you add a class and a name to the image so it uses your coding
• You have all the same options but use after object to place your HTML
• Then you can make it look any way you like with the CSS
• I include a simple example of the coding to get you started

There is a 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

Thank-you!

These effects are not officially part of Web Studio

Web Studio 5 - Image captions that fade in or slide over the image - by Web Studio Next

aaaaaaaaaaaaiii