Special Image Slider is a nice module by DnnZone. It can be used to slide images using 23 unique transition effects. Special feature of this slider module is that you can also choose transition effect for each slide. Different styles of navigation bullets are also supported.

This slider is based on Java-script and CSS only. This nice looking module lets you to create an effective & beautiful slider for images or banners of any size. The only limitation is that all images in the slider should be of the same size.

23 unique transition effects are supported. This will help you to make the banner section more interactive and will allow you to show multiple images in the space of one image. This module can also be used as a product show-case. You are allowed to choose multiple effects.

	View module in action
	View blog post on how to install and use this module
	DNN 04.xx.xx DNN 05.xx.xx DNN 06.xx.xx
	Details about available module settings
	Multiple module instances are supported on a single page
	This module supports uploading multiple images in the form of zip file. You can create a zip file of your images on your local computer. Manage Images has an option for zip upload. All images in the zip file will be linked with the module in a one step process.

Module Configuration:

Other aspects of the sliders can be controlled from the module settings page, including:

• Transition Effects
• Bullets
  • No Bullets
  • Numeric Bullets
  • Circular Bullets
  • Thumbnails
• Show Navigation Arrows
• Show Captions
• Randomize Images
• Delay
• Image Dimension

23 Unique Transition Effects:

This module allows you to either specify the effect on slider level or you can define effects for each slide individually. Following extensive and nice looking transition effects are supported:

1. Cube
2. Cube Random
3. Block
4. Cube Stop
5. Cube Hide
6. Cube Size
7. Horizontal
8. Show Bars
9. Show Bars Random
10. Tube
11. Fade
12. Fade Four
13. Paralell
14. Blind
15. Blind Height
16. Blind Width
17. Direction Top
18. Direction Bottom
19. Direction Right
20. Direction Left
21. Cube Stop Random
22. Cube Spread
23. Cube Jelly

This module is built using HTML, CSS and Java-script only. No Flash is used.

You can review the product terms and license details here.

Browser Support:

This module might not work properly on IE 6

Live Demo:

You can access live demo here

Following screenshots describe the functionality of this module:

Module Settings Page:

Manage Images:

Slider View:

You can see it working here.

Known Issues:

Transparent images may give problem in IE.

You can find a blog post on how to use this module here.

Note: This slider slides images using java-script on client side. All images added to the slider should be of the same size. You can resize the slider area according to image dimensions from module settings page.