Top Banner

Top Menu

Content

Configuration

At the beginning let's take a look at the DJ-MediaTools component global configuration. Click the Options button from the control panel and you will see the popup window:

Description of each configuration option:

Component Views

Albums Grid View

  • Show album titles – You can hide / show album titles or show title if mouse cursor is over the album using 'On Mouse Over' option.
  • Album image width – Set the album cover width in pixels
  • Album image height – Set the album cover height in pixels
  • Image resizing – Select the method of resizing images
  • Image quality – Quality of resized images (from 1 to 100). The higher value means better quality, but less compression

Album View

  • Show album title – Hide or show album title
  • Show album description – Hide or show album description before or after album content
  • Show child albums – Hide or show child albums before or after album content

Item view (modal window)

  • Show album title – Hide or show album title
  • Show album description – Hide or show album description
  • Image zoom enabled – Enable or disable image zoom effect
  • Modal window size – Choose to open item in fluid modal window (as large as possible) or fixed size window
  • Modal window width – Width of fixed size window
  • Modal window height – Height of fixed size window
  • Comments – Choose from none, Facebook, DISQUS or JComments
  • Import Facebook SDK – It is required by Facebook Comments if they are enabled. Disable this if your website impotrs Facebook API in some other way.
  • Facebook Admins – Set the facebook comments moderators by typing comma separated list of the Facebook User IDs / usernames (the last part of the user profile url).

Basic album options

  • Album layout – Choose album layout from the list or overrides in templates
  • Images effect – Select the images effect transition: fade, infiltration fade, vertical or horizontal sliding. Slider layout: Display images vertically, horizontally or one image at once with fade effect
  • Description effect – Choose the animation effect for item descriptions. 
    NOTICE: It's NOT applicable for slidernivo and skitter layouts
  • Sort by – Sort items by ordering (components) / file names (folder) or randomise the ordering
    NOTICE: It can be overridden by Album Source Plugin
  • Image on-click behaviour – Choose a behavior of clicked image. 'Open image in lightbox' will open full size image with lightbox-like script

Dimensions - album dimensions will be calculate based on these settings

  • Image width – Image width in pixels
  • Image height – Image height in pixels
  • Image resizing – Select the method of resizing images
  • Image quality – Quality of resized images (from 1 to 100). The higher value means better quality, but less compression
  • Thumbnail width – Thumbnail width in pixels. 
    NOTICE: It's applicable only for layouts with thumbnails
  • Thumbnail height – Thumbnail height in pixels. 
    NOTICE: It's applicable only for layouts with thumbnails
  • Visible Images – Number of displayed images at once. 
    NOTICE: It's applicable only for Slider and Modern Slider layouts
  • Space between images – Space beetween images in pixels
  • Items limit – Set maximum number of items to be loaded into album

Tabber Layout Options - these options are applicable only for Tabber layout

  • Show thumbnails – Show or hide image thumbnails
  • Tab indicator – Choose the behavior of the tab indicator
  • Tab width – Tab width in pixels
  • Tab height – Tab height in pixels
  • Tabs position – Choose tabs area position

 

Layout Elements Options

Item Elements Options

  • Show Title – Show or hide item titles
  • Show description – Show or hide item descriptions or show it only on mouse over the album. NOTICE: 'On Mouse Over' option is NOT applicable for SliderNivo and Skitter layouts
  • Show readmore – Show or hide readmore links
  • Readmore text – Change the text of readmore link. Leave empty to use default readmore text from language file
  • Link title – Make the item titles linkable (as readmore)
  • Link description – Make the item descriptions linkable (as readmore)
  • Description limit – Limit item description to specified numer of characters (description will be cut after a word containing the character at specified position). Leave empty for no limit

Album Elements Options

  • Autoplay – Choose if slider should automaticly start on page load
  • Pause autoplay – Pause autoplay when mouse cursor is over the slider
  • Show play/pause – You can hide or show button for start and stop auto sliding. You can also show button only if mouse cursor is over the slider using 'On Mouse Over' option
  • Show next/prev – You can hide or show buttons for navigate to next and previous item. You can also show buttons only if mouse cursor is over the slider using 'On Mouse Over' option
  • Show custom navigation – Show or hide custom slider navigation. It displays direct indicator for each item. 
    NOTICE: It's applicable for Slider and Slideshow layouts

 

Customise layout

Customise Effects

  • Transition effect – Choose the transition effect curve
  • Transition effect type – Apply the effect at the beginning/end of the transition or leave 'auto' to let the system choose
  • Slide duration – Set transition effect duration in miliseconds (1000 ms = 1 second). Leave empty to let the system choose
  • Next item delay – Set interval time between items in miliseconds (1000 ms = 1 second). Leave empty to let the system choose
  • Lag time – Set lag time in miliseconds (1000 ms = 1 second). Leave empty to let the system choose. NOTICE: It's applicable for Modern Slider layout
  • Preload delay time – You can specify preloading time in miliseconds (1000 ms = 1 second). Leave empty or set to '0' to show slider when page will be loaded

Customise Description

  • Description position – Choose description area position. 
    NOTICE: In tooltip option is applicable only for Gallery Grid layout
  • Description width – Description area width in pixels. Leave empty for 100% width
  • Description vertical position – Set vertical position of description area in pixels from the bottom border of the image. 
    NOTICE: It matters only if Description position is set to Over the image
  • Description horizontal position – Set horizontal position of description area in pixels from the left border of the image. 
    NOTICE: It matters only if Description position is set to Over the image

Customise Navigation

  • Previous Button – Select 'Previous Button' image to use instead of default image
  • Next Button – Select 'Next Button' image to use instead of default image
  • Play Button – Select 'Play Button' image to use instead of default image
  • Pause Button – Select 'Pause Button' image to use instead of default image
  • Navigation bar vertical position – Set vertical position of navigation bar in pixels from the top of the album
  • Navigation bar horizontal position – Set horizontal position (left and right margin) for navigation bar. You can use negative value if you want arrows go outside the album
  • Custom navigation position – Choose custom navigation (direct item indicators) position
  • Custom navigation alignment – Choose custom navigation alignment
  • Loader icon position – Choose loader icon position. 
    NOTICE: It's NOT applicable for Slider layout

Upload settings

  • Maximum image size (KB) – Enter maximum image size in KB
  • Chunk size (KB) – Enables you to chunk the file into smaller pieces for example if your php server has a max post size of 1MB you can chunk a 10MB file into 10 requests
  • Maximum resize width (px) – Enter maximum width of resized image in px
  • Maximum resize height (px) – Enter maximum height of resized image in px
  • Resize quality (1-100) – Set set resize quality

 

Click the Save & Close button once you have configured all the parameters.

 

Footer Menu