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

Full screen image gallery

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

This is a slideshow gallery meant to go on a dedicated page(s) to show full screen images
The images will resize to the screen and by changing one number you have 6 different effect choices
This uses one of the most popular full screen slideshows that has been totally re-written for Web Studio

Click on the examples below to see the included effects
In my opinion these look best when you use landscape  images shaped like a pc screen but you
can use tall images and they will center. I put one in "slide right" so you can see how those look

The classic fade in and fade out effect

The images slide down from the top

The images slide in from the right

This one uses the images I include for you in the download to set it up quickly

The images slide up from the bottom

The images slide in from the left

The final option I don't show is you can also set it to just change the image with no effect

The images I used in the above examples were all different landscape sizes from 500px to 1000px wide
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 images vary from 5KB to 40KB


The way I had to make these work for web studio you can't put text or images on the page
At least without some hand coding so they work with the slideshow... so it's best to use them as dedicated pages
You can always ask me on the WSnext forum if you have any questions

The gallery will write it's own pager dots with links for you that match the pictures you add
It places the nav bar at the bottom with pause/play and the arrows automatically
It sizes and places the images on the page for you as well
It has a "go back" link you can add your own link to if you prefer
To change the effect all you do is change one number
You attach images named 1.jpg 2.jpg etc. and can add more (not too many though)
You can name the image what you like, just adds an extra step
Plus you write in your captions that will be put in the bar for you
I have it so it's actually pretty easy to use you only have a couple of lines to type in

To set it up in web studio quickly I include 5 images to attach
with the download files, copy / paste some code and it's all ready to run for you on preview

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 - Full screen image gallery with 6 different transition effects - by Web Studio Next