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

Advanced Slideshows - WSanimated

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

The WSanimated uses CSS3 transitions and transforms for modern and mobile browsers.
It falls back to a slideshow for those old browsers and the controls work for all.
It uses your page color, (or a background color) and the effects will use the screen width.
It also has touch-screen capability to slide the images.

Attach the download and Copy / Paste the code
Attach the 3 pictures, (these are included) you can use 5 different images.
That will get the show working, then you can...
Change the image link names and pictures to your own
Fill in the captions and headings
Adjust how far down it starts from the top of the page and the text colors
Add a color for the background or let it use your pages background color
If you are familiar with CSS3 you could change the transition and transform effects,
but if just copy/pasting the show is 350px high and uses 250px size images

At the moment this is the cutting edge for the new IE browsers
The normal browsers and iPhones have been using these kind of effects for a long time now
Web Studio uses an old browser so you will need to preview in a modern browser


You can place text or other images on top of these using web studio
You can use transparent .png like I did above or .gif for a see through background image or box shape images
You could use a full width banner behind these for an image background since this uses a similar method

Includes attachments so there is a download
Easy to follow numbered step by step tutorial with pictures

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 - Animated slideshow with CSS3 transitions - by Web Studio Next