EnglishWOWSlider  Deutschjquery slider  Españolgaleria de imagenes html  Françaiscarrousel html  ItalianoImmagini Galleria   汉语网络幻灯片: 效果的幻灯片  Português brasileiroGaleria De Imagens  Русскийслайдер изображений, слайдшоу, CSS слайдер  Svenska Bild Galleri  日本語画像のスライダー&ギャラリー  NederlandsAfbeeldingen Caroussel 
  • How to add more than one slide in wowslider banner png transparency images
  • How to create simple loding in jquery slider with text and buttonsKiller Effects
  • How to create a slideshow plugin in wordpressFor Windows & Mac
  • Con pase de 3 imagenes using to change contentYoutube & Vimeo
Beautiful Skins Point-&-Click Wizard Video Support
Use mobile for timeline

Recent Demos

Slider Demos

Related

More questions

 How can I add image scroller jquery in drupal?

Feb 25, 2014

Q: Hi,
I am working on a web site that is built with a drupal 7 template and want to know how to add the wowslider in drupal. Instructions on how to make the slider out front page would be a great help.

A: To install the wowslider into your wep page:

1) Make your slider using wowslider app.
2) Publish slider on a local drive in any test folder:

- open Slider->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.

4) Copy code for the HEAD section and paste it inside the HEAD/BODY section of your own webpage, this way:

<head>
...
<!-- Start wowslider.com HEAD section -->
<link rel="stylesheet" type="text/css" href="engine1/style.css" media="screen" />
<script type="text/javascript" src="engine1/jquery.js"></script>
<!-- End wowslider.com HEAD section -->
...
</head>


5) Copy code for the BODY section and paste it inside the Body section of your own web
page in the place where you want to have a gallery, for example:

<body>
...
<!-- Start wowslider.com BODY section -->
...
<!-- End wowslider.com BODY section -->
...
</body>


6) Move "data1" and "engine1" folders with all files into the same folder with your own webpage.

7) Preview your site in the browser.

See More