P51 Mustang
Fighter escort for US daylight bombing
runs into Germany

P40 Warhawk
US Army Air Corps
in the Pacific and Royal
Air Force in North Africa

F6F Hellcat
A carrier-based fighter
for the US and Royal
navy in the Pacific

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

Banner Captioned - screen wide slideshow

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

Fades, centers same size images and adds captions. The image sides are hidden on smaller screens
The wider the images you use the more computer screen the slideshow covers
Significantly tiny efficient slideshows that use very little code designed for screen wide banners

The borders and shadow above are only for the example ask me on the WSnext forum if you want to do something similar
Smaller versions of the images used

The images I'm using for the example are 170px X 1400px the average computer screen width is 1375px
When you use large images optimize them for download you can read more about image use in the CSS section
I optimize my image download size to be as close to 40KB as possible these avg under 28KB for example

You can change the captions colors for the text and make them go left right or both like above.
The link boxes can also be changed to any colors you want to use, I used the css link generator for these ones.
I include a transparent background image for the captions you can can use you own or just have text if you want
If you have ask me on the WSnext forum I'll give you a hand making a different look for these captions.
On this example I used a background color and matched it to the images so any screen width works,
that's a neat little trick if you wanted to use smaller image widths but still get a full width look.

I'll include three images to set it up in web studio quickly
and a transparent background image for the captions in the download


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 - Screen width image slideshow that fades centers and adds captions - by Web Studio Next