JUX Ken Burns Slideshow

From JoomlaUX Wiki
(Redirected from JUX Slideshow)
Jump to: navigation, search

Contents

Introduction

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 become lively with the zoom-in displaying effect.

The responsive design enables JUX Ken Burns Slideshow to actively display on iPhone, iPad or other devices. With JUX Slideshow, you don’t have to worry about presenting your images 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 and on mobile devices!.

Does this really run on all browsers and on mobiles?

Sure it works on every modern browser 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

Screenshot

Frontend:

Backend:

Installation

Download

JUX Download Button.JPG

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

Installation

JUX Slideshow Install.jpg
  • Go to your administrator site
  • Select “Extensions” => “Extension Manager” in the Top Menu
  • In "Upload Package File" block, please Upload &Install the following extensions:
    • mod_jux_kb_slideshowxxx.zip: this is core module.

Configuration

Basic Options

JUX Slideshow BasicOption.jpg

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 that you have entered without taking content from any other component. Each slide grants you options to configure images. It limits 10 slides to be displayed and if any slide is entered with data, the data will be shown at frontend.

JUX Slideshow DataSource.jpg

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 Options

JUX Slideshow AdvancedOption.jpg

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

FAQs

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

Ken Burns effect depends mainly in two parameters:

Zoom Fact

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

Duration

Duration for slide

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:

  • If you keep the same Duration and increase Zoom Fact the Ken Burns effect will look faster because it need to zoom with more ratio at the same time.
  • On the other hand, if you keep the same Zoom Fact and increate the Duration, the Ken Burns effect will look slower.
Personal tools
Namespaces

Variants
Actions
Navigation
JoomlaUX
Toolbox