JSN ImageShow Flow Theme

Configuration Manual
(for JSN ImageShow Flow Theme 1.0.x)

www.facebook.com/joomlashine

www.twitter.com/joomlashine

www.youtube.com/joomlashine

This documentation is release under Creative Commons Attribution-Non-Commercial-Share Alike 3.0

Unported Licence. You are free to print this document for convenient usage.
Copyright 2008 - 2013 http://www.joomlashine.com

JSN ImageShow Flow Theme Configuration Manual 2008 - 2013 http://www.joomlashine.com

Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Table of Contents
JSN ImageShow Flow Theme .................................................................................................................................... 1
Configuration Manual ................................................................................................................................................... 1
Table of Contents .......................................................................................................................................................... 2
Introduction .................................................................................................................................................................... 3
Theme Parameters ........................................................................................................................................................ 4

Container ..................................................................................................................................................................... 4
Thumbnail ................................................................................................................................................................... 5
Caption ........................................................................................................................................................................ 7
Navigation ................................................................................................................................................................... 8
Slideshow .................................................................................................................................................................... 8
Visual Preview................................................................................................................................................................ 9
Whats next?................................................................................................................................................................. 10

Give feedback .......................................................................................................................................................... 10

Check for updates ................................................................................................................................................... 10

JSN ImageShow Flow Theme Configuration Manual 2008 - 2013 http://www.joomlashine.com

Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Introduction

JSN Theme Flow in the front-end

Theme Flow is newly-added to JSN ImageShow version 4.5.4. This Flow theme gives your photo galleries an
excellent new way of presenting images with a 3D effect. The showcase theme settings are divided into 2 areas.

Showcase settings page

1. Parameters - The place to configure 24 parameters.
2. Preview - See how your slideshow looks like when parameters are configured.

JSN ImageShow Flow Theme Configuration Manual 2008 - 2013 http://www.joomlashine.com

Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Theme Parameters
Container

Background Type Set the background type of the area outside the gallery. There are 2 values:
Transparent and Solid Color.
o Background Color Set background color of the area outside the gallery. This color will be visible
only when parameter Background Type is set to "Solid Color".

Background color of the container

o Side Fade Set the fade color of both sides of the gallery. There are 3 values: None, Black and
White.

Side Fade presentation

JSN ImageShow Flow Theme Configuration Manual 2008 - 2013 http://www.joomlashine.com

Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Thumbnail

Image Source Display image with Original Images or Thumbnails. Normally, thumbnail quality is
lower than original image quality, but it increases the loading speed.

Dimension Defines the width and the height (in pixels) of each thumbnail.

Border Thickness Set the thickness (in pixels) of thumbnail border. Its not recommended to set a big
value here, since it might harm overall thumbnail presentation.

Border thickness of the image presentation

Rounded Corner Set the radius (in pixels) of gallery rounded corner.

Border Color Set the color of the image border. Click Select Color to pick desired color or set the
color code manually.

3D Effect Set 3D effect for image gallery or not. Please note that 3D effect doesn't work on Internet
Explorer browser.

JSN ImageShow Flow Theme Configuration Manual 2008 - 2013 http://www.joomlashine.com

Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

3D Effect presentation

Opacity Set the opacity (in percent) of all inactive images. By default this parameter is set to 75% to
make inactive thumbnails look pale when compared to the active one.

Click Action Defines the action that will happen when the viewer clicks on the thumbnail.
o No action
o Show Original Image - In this mode, when user clicks on an image, the original image will be
opened in a modal window.
o Open Image Link In this mode, when user clicks on an image, its link will be opened in the
browser. There are 2 options: Open link in the current browser and in a new browser.

JSN ImageShow Flow Theme Configuration Manual 2008 - 2013 http://www.joomlashine.com

Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Caption

Show caption Defines whether the original image will show a caption or not.

Caption presentation

Background Color Set background color of the caption area.

Panel Opacity Set the opacity (in percent) of caption background. By default this parameter is set to 75%
to make the caption area look pale compared to the original image. But you can set 0% to make the
background transparent.

Show Title Defines whether to show a caption title or not.

Information content presentation

Title CSS Defines the CSS declaration to be applied to the title. Since CSS support is limited, its
recommended to use only the following parameters: padding, font-family, font-size, font-weight, text-align
and color.

Show Description Defines whether to show the image description or not.

Description Length Limitation (words) Set the number of words limitation for the description. If the
description contains more words than the set limitation number, then the description will be truncated. If
the user sets the number to 0, there will not be any limitations.

JSN ImageShow Flow Theme Configuration Manual 2008 - 2013 http://www.joomlashine.com

Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Description CSS Defines the CSS declaration to be applied to the description text. Since CSS support is
limited, its recommended to use only the following selectors: padding, font-family, font-size, font-weight,
text-align and color.

Navigation

Enable Keyboard Action Allow the visitor to control the image slide by using the keyboard or not.

Enable Mouse Wheel Action - Allow the visitor to control the image slide by using the mouse wheel or
not.

Slideshow

Auto Play Set the slideshow to play automatically or not.

Slide Timing - Set the length of time of transitions between images when the gallery is auto-playing.

Pause on Mouse Over Sets whether a mouse-over action on the gallery images pauses the slideshow
temporarily or not.

JSN ImageShow Flow Theme Configuration Manual 2008 - 2013 http://www.joomlashine.com

Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Visual Preview
The Visual Preview on the right allows you to see how the parameters are applied in real-time. Whenever you
customize parameters in the Parameters section, your changes will be applied immediately to the images in the
Preview section. When you click on the elements on the Visual Preview, the appropriate tab of parameters will be
shown in Parameters area.

Visual Preview and themes parameter interaction

JSN ImageShow Flow Theme Configuration Manual 2008 - 2013 http://www.joomlashine.com

Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Whats next?
Give feedback
We would love to hear what you have to say:

Write a review on Joomla Extensions Directory.

Tweet about this extension if you love it.

Submit a bug report and we will fix it ASAP.

Check for updates

We are constantly updating our extension repertoire, so dont forget to visit the JSN ImageShow product page to
check for something new. Follow us on Twitter http://www.twitter.com/joomlashine or Like us on Facebook
http://www.facebook.com/joomlashine for more updates.

www.facebook.com/joomlashine

www.twitter.com/joomlashine

www.youtube.com/joomlashine

10