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

Can I use different free picture slideshow software on different pages?

Q: I recently downloaded the free version, of VisualSlide Show as a test to
find out if I wanted to purchase the commercial version for my customer's sites that are comming up for re-design. I love the design and concept. You have done a great job!

I found one problem that I'm having, that's placing a slideshow on two different pages (index, Gallery). Some how, I get photos I placed on the home Page on the Gallery page, even though I specified different photos.. Dependent upon what page I do first is what photos show up on the second page I do.

I know it must be doing something wrong. I'm using the method that places the code on the page. Could you please inform me, what is the best method to use for accomplishing having two slide shows, each on a different page?
Evidently I'm using something in common.

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

gal1/
gal2/
gal3/
index.html
gallery1.html
gallery2.html
gallery3.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