3D Slider

3D Slider is an unique jQuery slideshow module. It supports 3d transitions! There are 14 stunning 3d transitions available, and also 16 stylish 2d transitions. You have the option for mentioning a 2d transition fallback for old browsers that don’t support HTML5 Canvas, which is used for producing the 3d transitions. The slider is fully responsive, works in mobile devices and supports touch gestures to navigate through the slides.

  • Compatibility with DNN04.05.05+ ~ DNN7.X.
  • 14 HTML5 Canvas based 3d animated effects.
  • Option to mention the number of slices for 3d effects.
  • Option to mention the animation delay between individual slices.
  • Can also mention in which direction the delay will propagate. There are four such directions.
  • Option to mention the offset along z-axis and the separation between slices while animating for 3d effects.
  • Mention an easing option of your choice for 3d effects.
  • Can mention custom transition parameters for each slide.
  • Option to have a shadow for “Cube” 3d effects. Can also mention a shadow color of your choice.
  • Option to use transparent png images as slide images for 3d effects.
  • Supports HTML captions. There are 4 available caption positions – bottom, top, left, right.
  • Each slide can have a different caption position.
  • Captions can have animated transitions (fade, slide) or none at all.
  • Option to have control links to individual slides. Can also have thumbnails as links.
  • Each slide image can also act as a link to an external page.
  • Supports custom HTML content for each slide. These contents appear over the slide images. You can style and animate them anyway you want. You can also embed videos in the slides using this option.
  • Autoplay option. Play/pause buttons are generated when Autoplay option is chosen.
  • Option to pause Autoplay when hovering over slider.
  • Fully responsive and works in all screen sizes ranging from desktop to mobile browsers.
  • Can navigate through slides using touch gestures in iOS, Android and other touch-screen devices.
  • Back to top