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

Is pure css slideshow compatible with any website builders?

Q: Hello,

I just came across your product and it looks amazing. Is your product compatible with Dreamweaver cs6 or any other website builders?

Thank you.

A: VisualSlideShow is compatible with all website builders, that allows to add html code and
execute javascript. You can try to use free version. Please, see detailed instruction how
add VisualSlideShow on your page:
1. Create your gallery in Visual Slideshow and publish it on a local drive in any test folder:

- click 'Publish' button on the main menu panel or Gallery->Publish
- select 'Publish to folder', click 'Browse' button and select any local folder
- click 'Publish' button

2. So you'll have folder with index.html file, 'data' and 'engine' folders.
Open index.html file from the saved folder in any text editor.

3. Copy code for the HEAD section and paste it inside the HEAD section of you own webpage, for example:

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


4. Copy code for the BODY section and paste it inside the Body section of you own webpage in the place where you want to have a gallery, for example:

<body>
...
<!-- Start VisualSlideShow.com BODY section -->
<div id="show" class="slideshow">
<div class="slideshow-images">
<a href="data/images/9.jpg"><img id="slide-0" src="data/images/9.jpg" alt="9" /></a>
<a href="data/images/7.jpg"><img id="slide-1" src="data/images/7.jpg" alt="7" /></a>
</div>
<div class="slideshow-thumbnails">
<ul>
<li><a href="#slide-0"><img src="data/thumbnails/9.jpg" alt="9" /></a></li>
<li><a href="#slide-1"><img src="data/thumbnails/7.jpg" alt="7" /></a></li>
</ul>
</div>
<a id="vlb" href="http://visualslideshow.com">Slideshow With Flash by VisualSlideshow.com v1.0</a>
</div>
 <!-- End VisualSlideShow.com BODY section -->
...
</body>


5. Copy 'data' folder with video files and thumbnails and 'engine' folder with .css and .js files into the same folder with your own webpage.

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