Вы находитесь на странице: 1из 13

JSN ImageShow Strip Theme

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

www.facebook.com/joomlashine

www.twitter.com/joomlashine

www.youtube.com/joomlashine

This documentation is released 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 Strip 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 Strip Theme .................................................................................................................................... 1
Configuration Manual ................................................................................................................................................... 1
Table of Contents .......................................................................................................................................................... 2
Introduction .................................................................................................................................................................... 3
Theme Parameters ........................................................................................................................................................ 4

Container ..................................................................................................................................................................... 4
Thumbnail ................................................................................................................................................................... 6
Caption ...................................................................................................................................................................... 10
Slideshow .................................................................................................................................................................. 11
Visual Preview.............................................................................................................................................................. 12
Whats next?................................................................................................................................................................. 13

Give feedback .......................................................................................................................................................... 13


Check for updates ................................................................................................................................................... 13

JSN ImageShow Strip 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 Strip in the front-end


Theme Strip is newly-added to JSN ImageShow version 4.5.3. This Strip theme gives your photo galleries a
excellent new way of presenting your photos with beautiful animation. The showcase theme settings are divided
into 2 areas.

Showcase settings page


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

JSN ImageShow Strip 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

Type Set the container design, with 3 options: None, Elastislide Default or Custom

None - No container style.

Container with None type


o Side Fade: Set the fade style of 2 image gallery sides. There are 3 options: None, White,
Black

Side fade black

Elastislide Default - A fixed container style.

JSN ImageShow Strip 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

Container with Elasislide Default type


o Side Fade: Set the fade style of 2 image gallery sides. There are 3 options: None, White,
Black

Custom You can customize the container as you want with Background Color, Border Stoke, and
Border Color.

Container with Custom type


o Background Color: Set the background color of the area around the images.
o Round Corner: Set the border radius (in pixels) of the gallery rounded corner.
o Border Stroke: Set the thickness (in pixels) of gallery border.
o Border Color: Set the color of gallery border.
o Side Fade: Set the fade style of 2 image gallery sides. There are 3 options: None, White,
Black

JSN ImageShow Strip 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.

Orientation Set the moving direction of images, with two options: Horizontal and Vertical.

Horizontal

Horizontal direction

JSN ImageShow Strip 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

Vertical

Vertical direction

Dimension Set the width of the image in pixels.

JSN ImageShow Strip 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

Space Set the space between each image in pixels.

Spaces between images

Border Thickness Set the thickness of image border in pixels

Border thickness

JSN ImageShow Strip 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

Rounded Corner Set the rounded level of image in pixels.

Images with rounded corners

Border Color Set the color of image border.

Shadow Set the shadow for each image. It may be No shadow, Light shadow, Bold Shadow.

Click Action Set the action after clicking an image, it can be No Action, Show Original Image, or Open
Image Link.

JSN ImageShow Strip 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 Set to show the caption or not.

Panel Background Color Set the color of Information Panel background. Its recommended to set the
color highly contrasted to the color of text being shown in the panel.

Caption Panel Capacity Set the Caption Panel Capacity. By default, its 75%. You can set 0% to make
the background color transparent.

Show title Set to show the title text in the Information Panel or not.

Title CSS Set the CSS styling to be applied to the title.

Show Description Set to show the description text in the Information Panel or not.

10

JSN ImageShow Strip 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 Length Limitation Set the number limitation of characters for description.

Description CSS Set the CSS styling to be applied to the description.

Slideshow

Slide Timing - Set the presentation time at one position for each image in milliseconds.

11

JSN ImageShow Strip 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. If you click on any of the elements in the Visual Preview, the appropriate tab of parameters will
be shown in Parameters area.

Visual Preview and themes parameter interaction

12

JSN ImageShow Strip 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

13

Вам также может понравиться