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 Hello! Great product, but I have one problem. How can I add the arrow going left and another going right to the slideshow? It shows it when one is choosing layouts, but then it is not really available on the actual slide.
  • Horizontal Image Slider Hi, I love your WOWslider! Great application! Is there a way to change the size of wowslider? Thank you.Killer Effects
  • Image Animation Jquery Html5 Image Rotator Code
  • Slideshow For Website With Html CodeFor Windows & Mac
Beautiful Skins HTML Image Slider Point-&-Click Wizard
Bootstrap Slider

Recent Demos

Slider Demos

Related

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