EnglishWordpress Slider Plugin Responsive  Deutschslider  Españolcrear slideshow  Françaisdiaporama html  ItalianoSlideshow Immagini jQuery, Galleria jQuery  汉语jQuery 效果的幻灯片  Português brasileiroSlider jQuery Chocante, Slider de Imagens jQuery  РусскийjQuery слайдер изображений, HTML5 слайдшоу, CSS3 слайдер  SvenskajQuery Bild-Slider & Galleri  日本語jQuery画像のスライダー&ギャラリー  NederlandsjQuery Afbeelding Slider & Gallery  
  • Html5 Slider Hi, My client would like me to create a photo gallery with features available in Wow slider. Еhis photo gallery needs to be inserted on a slide in PowerPoint presentation.
  • Horizontal Image Slider Hello, I purchased your software for my small home business and love it. Very user-friendly and well designed. On a website, i need to generate 25 slideshows. Can i use different gabarits? Is it possible with your product?Killer Effects
  • Image Loading Animation JqueryFor Windows & Mac
  • Jquery Fadein Fadeout Slideshow Free Gallery Html CodesYoutube & Vimeo
Beautiful Skins Point-&-Click Wizard Video Support
Slideshow Html

Recent Demos

Slider Demos


More questions

 How to use image scroll bar with iweb

Nov 29, 2012

Q: Hi, I was wondering how to add slider to iWeb? Need some help.

A: 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 HEAD and BODY sections of WOWSlider and paste it inside html
snippet in the place where you want to have a slider, for example:

<!-- 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 -->
<!-- Start WOWSlider.com BODY section -->
<!-- End WOWSlider.com BODY section -->

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

6) Preview your website in the browser.

That's all.

See More