EnglishWOWSlider  Deutschdiashow erstellen  Españolslider javascript  Françaisdiaporama  ItalianoImmagini Galleria   汉语网络幻灯片: 效果的幻灯片  Português brasileiroGaleria De Imagens  Русскийслайдер изображений, слайдшоу, CSS слайдер  Svenska Bild Galleri  日本語画像のスライダー&ギャラリー  NederlandsAfbeeldingen Caroussel 

Recent Demos

 How to get the wordpress picture slider html code to put in my volusion html editor?

Q: Hi, I recently downloaded your free program to use to see if it would work with my volusion software and if it will i would like to purchase the software for online use. I made a quick trail slideshow but now cant figure out how to get the html code to put in my volusion html editor?

A: To use wowslider you should be able to add html code and upload files (images, .js, .css) on your server.
It seems that your platform Volusion e commerce allows to do it:
http://support.volusion.com/article/web-scripting-support-volusion

Please, see how to install the wowslider into your html page:

1) Create your slideshow using wowslider.
2) Publish it on a local drive in any test folder:

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

3) Open index.html file from the saved folder in any text editor (Notepad for example)
or you can:
- open index.html page in any browser
- right click on the page
- select view source of the page.

You'll find 'engine' and 'data' folders in this saved folder also.

4) Copy code for the HEAD section and paste it inside the HEAD/BODY section of your own
webpage, for example:

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


5) Copy code for the BODY section and paste it inside the Body section of your own web
page in the place where you want to have a gallery, for example:

<body>
...
<!-- Start wowslider.com BODY section -->
...
<!-- End wowslider.com BODY section -->
...
</body>


6) Notice, you should copy 'data' folder with images and 'engine' folder with all files
into the same folder with your own webpage.

7) Preview your website in the browser.

Also you can try to use 'Insert to page' wizard. Simply click inside the page to select where
you want the slideshow to appear and press "Insert Before".

Notice, that if you want to install galleries in Blogger posts and other pages which are
not on your FTP server / domain name you should upload 'engine' and 'data' folders on your
server and use absolute paths for all wowslider files, for example:

<!-- Start wowslider.com HEAD section -->
<link rel="stylesheet" type="text/css" href="http://yourdomain.com/engine1/style.css" media="screen" />
<style type="text/css">a#vlb{display:none}</style>
<script type="text/javascript" src="http://yourdomain.com/engine1/jquery.js"></script>
<!-- End wowslider.com HEAD section -->