EnglishWOWSlider  Deutschbildershow erstellen  Españolgaleria css  Françaiscarrousel web  ItalianoImmagini Galleria   汉语网络幻灯片: 效果的幻灯片  Português brasileiroGaleria De Imagens  Русскийслайдер изображений, слайдшоу, CSS слайдер  Svenska Bild Galleri  日本語画像のスライダー&ギャラリー  NederlandsAfbeeldingen Caroussel 
  • How to insert a video into the slideshow menu wordpress free photo for download
  • How can I change the order of the photos in a jquery slider carosel click and scrollKiller Effects
  • How to make vertical div slideshow in asp net using j query with demoFor Windows & Mac
  • Donde editar el tiempo en un vertical with fade effectYoutube & Vimeo
How to put more than 2 slideshow in html Not working on android s responsive content tab free download How to change the information of page using jquery slider video tutorial for implementing in website Make fade in fade out script
Script for header images

Recent Demos

Slider Demos


More questions

 Wordpress image gallery in iweb

Feb 18, 2013

Q: Is it possible to use wowslider in iWeb? Please, I need some instructions.

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