EnglishWOWSlider  Deutschbildergalerie erstellen  Españolimagenes html  Françaisjquery slider  ItalianoImmagini Galleria   汉语网络幻灯片: 效果的幻灯片  Português brasileiroGaleria De Imagens  Русскийслайдер изображений, слайдшоу, CSS слайдер  Svenska Bild Galleri  日本語画像のスライダー&ギャラリー  NederlandsAfbeeldingen Caroussel 

Recent Demos

 Is it possible to add slider image jquery in Joomla 3.3?

Q: Does wowslider v.5.5 support Joomla 3.3.x or not yet?

A: Wowslider has plugins for Joomla 1.5 and 2.5 only, but you can add slideshow in Joomla
3.3 manually. Please, see detailed instruction bellow:

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 the HEAD section and paste it inside the HEAD/BODY section of your own
webpage, for example:

<head>
...
	<!-- Start wowslider.com HEAD section -->
	<link rel="stylesheet" type="text/css" href="engine1/style.css" />
	<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 -->
...
<!-- Generated by wowslider.com-->
	<div class="ws_shadow"></div>
	</div>
	<script type="text/javascript" src="engine1/wowslider.js"></script>
	<script type="text/javascript" src="engine1/script.js"></script>
	<!-- End wowslider.com BODY section -->
<!-- End wowslider.com BODY section -->
...
</body>


6) Notice, you should copy 'data' folder with images and 'engine' folder with all files
into the same folder with your own webpage.

7) Preview your website in the browser.