4fee How to use image scroll bar with iweb
EnglishjQuery Slider, jQuery Slideshow  DeutschBildergalerie jQuery, HTML Diashow  EspañolGaleria de Imagenes con jQuery, Slide Imagenes Gratis  FrançaisDiaporama jQuery & Galerie D'Image jQuery  ItalianoSlideshow Immagini jQuery, Galleria jQuery  汉语WOW 网络幻灯片:jQuery 效果的幻灯片  Português brasileiroSlider jQuery Chocante, Slider de Imagens jQuery  РусскийWOW Slider: jQuery слайдер изображений, HTML5 слайдшоу, CSS3 слайдер  SvenskaWOW Slider: jQuery Bild-Slider & Galleri  日本語WOW Slider : jQuery画像のスライダー&ギャラリー  NederlandsWOW Slider: jQuery Afbeelding Slider & Gallery  
  • Wordpress Image Slider
  • Beautiful SkinsKiller Effects
  • HTML5 Slider
  • GUI WizardFor Windows & Mac
Beautiful Skins HTML Image Slider Point-&-Click Wizard
jQuery Slider, HTML Slider, CSS Slider

Recent Demos

Support

For troubleshooting, feature requests, and general help, contact Customer Support at Mail. Make sure to include details on your browser, operating system, WOW Slider version, link to your page. In most cases you'll get a reply within 1 business day.
Please read the FAQs first to see if your question has already been answered.

Related

 How to use image scroll bar with iweb

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

Comments

No comments

More questions

0