Place blocks to your page
Edit your contect inline
Adjust block settings
Manage and publish sites
Try now, it's free! You can use it for free to create sites for your and your clients' purposes!
Q: Hello,
I create the website and the Visual Slideshow is really want I need on my Home page.
So, could you explain how to put it on my page?
A: Hi,
Please, see how you should install Visual Slideshow on existing .html 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 the 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="#"><img id="slide-0" src="data/images/1.jpg" alt="1" title="1" /></a>
<a href="#"><img id="slide-1" src="data/images/2.jpg" alt="2" title="2" /></a>
<a href="#"><img id="slide-2" src="data/images/3.jpg" alt="3" title="3" /></a>
<a href="#"><img id="slide-3" src="data/images/4.jpg" alt="4" title="4" /></a>
</div>
<div class="slideshow-thumbnails">
<ul>
<li><a href="#slide-0"><img src="data/thumbnails/1.jpg" alt="1" /></a></li>
<li><a href="#slide-1"><img src="data/thumbnails/2.jpg" alt="2" /></a></li>
<li><a href="#slide-2"><img src="data/thumbnails/3.jpg" alt="3" /></a></li>
<li><a href="#slide-3"><img src="data/thumbnails/4.jpg" alt="4" /></a></li>
</ul>
</div>
<a id="vlb" href="http://visualslideshow.com">Make Flash Slideshow by VisualSlideshow.com v1.9</a>
</div>
<!-- End VisualSlideShow.com BODY section -->
...
</body>
5. Copy 'data' folder with images and thumbnails and 'engine' folder with .css
and .js files into the same folder with your own webpage.
For troubleshooting, feature requests, and general help, contact Customer Support at 
. Make sure to include details on your browser, operating system, Visual SlideShow version, link to your page.
Make the process of creating your sites for non-profit and commercial purposes easier, this solution is free and doesn't require special skills.