EnglishWOWSlider  Deutschfotoshow erstellen  Españolgaleria de imagenes  Françaisjquery slider  ItalianoImmagini Galleria   汉语网络幻灯片: 效果的幻灯片  Português brasileiroGaleria De Imagens  Русскийслайдер изображений, слайдшоу, CSS слайдер  Svenska Bild Galleri  日本語画像のスライダー&ギャラリー  NederlandsAfbeeldingen Caroussel 
  • How to create a responsive image slideshow in jquery and css3 vertical and horizontal background
  • How to create a sliding image slideshow in html html code for aKiller Effects
  • How to make a slideshow in html codeFor Windows & Mac
  • Code for image with index horizontal image free downloadYoutube & Vimeo
Beautiful Skins Point-&-Click Wizard Video Support
Example demo image gallery

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