VISUAL SLIDESHOW & WEBSITE MAKER

Create your website – free, responsive, on your own!

Create awesome mobile-friendly slideshows and websites. No coding and free.

HOW VISUAL WEB MAKER WORKS

VISUAL SLIDESHOW WEBSITE BUILDER

Try now, it's free! You can use it for free to create sites for your and your clients' purposes!

DOWNLOAD FOR WIN DOWNLOAD FOR MAC

SLIDER / SLIDESHOW

GALLERY / PORTFOLIO

MOBILE / DROPDOWN MENU

I want to add several photo slideshow slideshows to my website..

Q: Since I want to add several photo slideshow slideshows to my website..
(which will be added individually to several, individual pages)
don't I need to change coding for some photo slideshow files including "slideshow.css"
and "mootools.js" because they will keep being over-written?

A: You can use different slideshows on different pages.
You should save each photo slideshow in its own directory, for example:

gal1/
gal2/
gal3/
slideshow1.html
slideshow2.html
slideshow3.html

But notice that you should manually add 'gal1/' prefix before each path on your html page
(in html code for slideshow):


<!-- Start VisualSlideShow.com HEAD section -->
        <link rel="stylesheet" type="text/css" href="gal1/engine/css/slideshow.css" media="screen" />
        <style type="text/css">.slideshow a#vlb{display:none}</style>
        <script type="text/javascript" src="gal1/engine/js/mootools.js"></script>
        <script type="text/javascript" src="gal1/engine/js/visualslideshow.js"></script>
        <!-- End VisualSlideShow.com HEAD section -->

...
        <!-- Start VisualSlideShow.com BODY section -->
        <div id="show" class="slideshow">
        <div class="slideshow-images">
<a href="gal1/data/images/picture_1.jpg"><img id="slide-0" src="gal1/data/images/picture_1.jpg" alt="Picture 1" /></a>
<a href="gal1/data/images/picture_1_-_copy_(2).jpg"><img id="slide-1" src="gal1/data/images/picture_1_-_copy_(2).jpg" alt="Picture 1 - Copy (2)" /></a>
<a href="gal1/data/images/picture_1_-_copy_(3).jpg"><img id="slide-2" src="gal1/data/images/picture_1_-_copy_(3).jpg" alt="Picture 1 - Copy (3)" /></a>
<a href="gal1/data/images/picture_1_-_copy_(4).jpg"><img id="slide-3" src="gal1/data/images/picture_1_-_copy_(4).jpg" alt="Picture 1 - Copy (4)" /></a>
...

VISUAL WEBSITE BUILDER

Make the process of creating your sites for non-profit and commercial purposes easier, this solution is free and doesn't require special skills.

DOWNLOAD FOR WIN DOWNLOAD FOR MAC