JUX Ken Burns Slideshow

Zoom Panning Slideshow For Joomla


JUX Ken Burns Slideshow is a responsive Slideshow to display images in velvety slider. Using special Ken Burns effect slideshow, JUX Ken Burns Slideshow is a state-of-art slideshow because it makes images and videos become lively with the zoom-in displaying effect.

The responsive design enables JUX Ken Burns Slideshow to actively display on iPhoneiPad or other devices. With JUX Ken Burns Slideshow, you don’t have to worry about presenting your images or videos in different devices that your clients using. Take your time and enjoy beautiful & supportive features that JUX Ken Burns Slideshow brings to you.

So what is so special?

It is responsive. Meaning: It fits your screen size. Whether you use a desktop pc, a netbook, an Ipad, an Android Phone, an Iphone the slidehow will always fit to the perfect width and height.

The JUX Ken Burns Slideshow is totally customizable, for example, its title & caption. Furthermore, the Slideshow fits your screen size. Whether you use a desktop pc, a netbook, an iPad, an Android Phone, an iPhone the slideshow will always fit to the perfect width and height. All in all it works on every modern browser (including IE7/8) and on mobile devices!.

Does this really run on all browsers and on mobiles?

Sure it works on every modern browser (including IE7 /8) and on iOS (iPad, iPhone) and Android mobile devices. Touch swipe for iOS and Android mobile devices is of course included.

What are the features?

  • Image and Thumbs fully resizable
  • iPhone/iPad & Android Swipe Touch enabled
  • jQuery Conflict free
  • Flexible configuration

Server Requirements

Social Tabs has several system requirements as follow:

Client Requirements

This module can run well on major browsers such as: Internet Explorer (version 9+), Firefox, Chrome, Opera 9+, and Safari. JavaScript must be activated.

Download

After order our product, you’ll see the download link at JUX Ken Burns Slideshow product page:

JoomlaUX Products/JUX Ken Burns Slideshow

If there is any problem, please contact us at: contact@joomlaux.com


Module Installation

Go to Administrator site => “Extension” => “Extension Manager” in the Top Menu.

In “Upload Package File” block, please Upload & Install our extensions:

Basic Option

Config option

Thumbnail Width

Width of Thumbnail image.

Thumbnail Height

Heigh of Thumbnail image.

Auto Play

Auto play slider show

Pause on Mouseover

Pause slide when mouse hover over main image.

Repeat SlideShow

Repeat your slide

Random Order

Yes: Play slides randomly

No: Play slides in order

Show Control Buttons

Show Prev/Next buttons

Show Title

Show or hide title

Max Title Charcters

The maximum length of title displaying on slider

Show Description

Show or hide description on slide

Max Description Characters

The maximum length of description displaying on slider

Description Effect

Effect for description of slide

Delay Between Slider

Delay between slider minimum, default is 5000(5ms)

Effect Duration

Effect duration minimum, default 4000(4ms)

Data Source

JUX Ken Burns Slideshow allows displaying images and videos that you have entered without taking content from any other component. Each slide grants you options to configure images and videos. It limits 10 slides to be displayed and if any slide is entered with data, the data will be shown at frontend.

Data Source

Slide Image

Select a slideshow image for this slide

Thumbnail Image

Select a thumbnail image for this slide. You don’t need it if you set navigation type is thumb

Transition effect

Transition effect for the slide. (Slide or Fade)

Zoom Type

You could choose to Zoom In or Zoom Out picture for this for slide.

Zoom Fact

Parameter for zoom. The more value it be, the more zoom ratio our Ken Burns effect will use.

Duration

Duration for slide

Start Align

Start align for slide

End Align

End align for slide

Description Transition

Transition effect for the desciption text of this slide.

Description Position

Position of desciption text.

Advanced Option

Data Source

Module Class Suffix

A suffix to be applied to the css class of the module.This allows individual module styling

Enable jQuery

In this case it must be set to yes . But in some cases you don't need to use this option to be not conflicted with other jquery library.

Enable noConflict

Many JavaScript libraries use $ as a function or variable name. So we need to use other way by using this option

Module Tag

The HTML tag for module

Bootstrap Size

An option to specify how many columns the module will use

Header Tag

The HTML tag for module' header/ title

Header Class

The CSS class for module' header/ title

Module Style

Use this option to override the template style for it's position

How to setup the best Ken Burns effect for a slide?

Ken Burns effect depends mainly in two parameters:

These two parameters decide the speed and ratio of Ken Burns effect. Literally, it’ll zoom with ratio correlative with the Zoom Fact in the Duration time.

Which mean: