Breadcrumbs

Top Menu

Content

Configuration

dj-mediatools-component-views

Description of each configuration option:

Component Views

Albums Grid View

  • Albums limit per page – Set the pagination limit for albums list in the component view. This is at the same time the pagination limit for Albums Grid Module.
  • 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).
  • Disqus name - set your disqus username

Basic album options

dj-mediatools-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
    NOTICE: It's applicable for slideshow, slideshow with thumbnails, tabber, modern slider, slider and gallery grid layouts.
  • Description effect – Choose the animation effect for item descriptions. 
    NOTICE: It's applicable for slideshow, slideshow with thumbnails, tabber, modern slider and gallery grid layouts.
  • Sort by – Sort items by ordering (components) / file names (folder) or randomize the ordering
    NOTICE: It can be overridden by Album Source Plugin
  • Image on-click behavior – Choose a behavior of clicked image. 'Open image in lightbox' will open a full-size image with the lightbox-like script
  • Lightbox type - choose the script for opening a full-size image preview. If you will mix videos with images in an album then use Magnific Pop-up while it can playback videos directly in the lightbox window.
  • Video playback - Choose whether the Full Video should be played in the popup window or directly in the slideshow.
    'In the slide' option is supported in layouts: Slideshow, Slideshow with thumbnails, Tabber, Modern Slider, Gallery Grid and Masonry and works only with YouTube, Vimeo and local/remote .MP4 videos.

Dimensions - album dimensions will be calculated 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
  • Max visible images – Number of maximum displayed images at once. The real number of visible images displayed at once depends on this parameter and the available space for the slider.
    NOTICE: It's applicable only for Slider and Modern Slider layouts
  • Space between images – Space beetween images in pixels
  • Items limit – Set up maximum number of items to be loaded into an 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

dj-mediatools-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 the specified number of characters (description will be cut after a word containing the character at the specified position). Leave empty for no limit

Album Elements Options

  • Autoplay – Choose if slider should automatically start on page load
  • Pause autoplay – Pause autoplay when a 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 a mouse cursor is over the slider using 'On Mouse Over' option
  • Show next/prev – You can hide or show buttons for navigating to next and previous item. You can also show buttons only if a mouse cursor is over the slider using 'On Mouse Over' option
  • Show dots navigation – Show or hide custom slider navigation. It displays a direct indicator for each item. 
    NOTICE: It's applicable for Slideshow, Modern Slider, Slider and Skitter Slideshow layouts

 

Customise layout

dj-mediatools-customize-layout

Customise Effects

  • Ken Burns Effect – Choose to enable or disable Ken Burns Effect
  • 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 to Slider layout
  • Keyboard access WCAG - enable keyboard access to meet WCAG recommendations

Image settings

dj-mediatools-image-settings

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

Watermark settings

  • Use watermarks - allows to apply watermark into product images
  • Watermark image (PNG) - set the image
  • Watermark size -  set the watermark size
  • Watermark position (horizontal) - watermark position (horizontal)
  • Watermark position (vertical) - watermark position (vertical) 

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

Joomla slideshow extension

Are you interested in DJ-MediaTools Joomla Gallery and Slideshow extension?


Found this article interesting? Subscribe for more.
Subscribe to the Telegram bot / Subscribe to the Messenger Bot
Or share this article with your friends.

 
 

Footer Menu