Component JUX Ken Burns Slideshow was created to improve the visual line of the site, namely: the possibility of placing the slide show on the resource page. The technology component provides a smooth display of panoramic images, making them truly alive.

Extension Version: 2.0.3
 
Joomla extension JUX Ken Burns Slideshow

Extension Description

This product is ideal for viewing images and will help in organizing presentations. With mixing technology of animated pictures using a variety of effects, component JoomlaUX Ken Burns Slideshow will improve the quality of panoramic review, and a wide range of special tools and provide excellent display of wide-angle shots without losing the richness of the photo.

The special features of this component could be considered the easy process of placing it on the website. Flexible functionality allows you to edit and change the position of the slider on the page, thereby increasing the convenience of use. Competent to adjust the height and the width of the slide show will fit in with page design on any subject. In addition, it is worth mentioning that the expansion JoomlaUX can ask all the slides reproduced in the presence of a large number of pictures on the website, and to regulate the speed of their show. Smart timer system can be configured in accordance with the wishes of the owner, which would be a plus for organizing the web presentations, having a clear time frame. Adaptive capacity components provide the ability to adjust the interface a slide show under devices with different resolutions, and animated slide transitions will fit harmoniously into any design idea without violating the basic composition and color scheme of the website.

Joomla component organizes the visual content of the website and take care of the timely display of photos using high-quality effects, customizable interface provides ease of use.

Specifications:

Release date: 11-08-2012
Last updated: 24-11-2025
Type: Paid
License: GPL 
Subject: Photos & Images
Compatibility: J3.x J4.x J5.x J6.x
Includes: Module
Language packs: English
Developer: JoomlaUX

Rating:
4.4635193133047 1 1 1 1 1 (233 Votes)

Download by subscription!

You need to log in on the site and purchase a club subscription!

Share with your friends!

 

JUX Ken Burns Slideshow for Joomla Configuration Guide

JUX Ken Burns Slideshow is best viewed not as just another decorative slider, but as a Joomla module for a controlled image showcase: it appears in a module position, pulls prepared slides from its own settings, adds a smooth zoom effect, and lets you manage captions, thumbnails, links, and playback behavior. In this guide, we will walk through how to install the module safely, where to find the key settings, how to build your first working slideshow block, and how to verify that it does not break your template, site speed, or user flow.

This guide does not repeat the product's short description. The practical side matters more here: what images to prepare, which module position to choose, when to enable autoplay, how to set the Ken Burns effect duration, why thumbnails sometimes get in the way, what to do with stretched portrait photos, how to troubleshoot JavaScript conflicts, and when it makes more sense to choose a different Joomla slider.

JUX Ken Burns Slideshow is especially sensitive to the quality of the source images and to where it is displayed. The exact same slide set may look polished in a wide hero position and poor in a narrow sidebar. That is why configuration should be driven not only by the module fields, but also by checking the result inside a real Joomla template.

JUX Ken Burns Slideshow guide cover with a Joomla module setup map
The module's core workflow: Joomla admin panel, slide set, motion settings, and result verification on the page.

What problem the module solves and where it actually fits

This module is useful when a standard static image feels too still, but a full video banner would be too heavy or excessive. The Ken Burns effect creates motion through gentle zooming and panning inside the image. Instead of a hard cut between frames, the user sees a soft shift in visual focus: for example, the building facade slowly moves closer, then transitions to the interior, then to a service detail or product highlight.

In Joomla, this kind of module is most often placed in the template's top position, on the homepage, in a service landing block, in a promotional catalog section, on an event page, or in a portfolio. Unlike a gallery, a slider is not meant for deep inspection of every image. Its job is to create a quick visual impression and direct the user toward the next action.

The main difference from a standard carousel is that the motion happens inside the image itself. That makes the module especially effective for wide photos: architecture, interiors, restaurants, travel locations, designer portfolios, gyms, conference halls, campuses, hotels, or project galleries. For small product photos or icons, the effect often looks worse because the zoom reaches the edges too quickly and highlights flaws in the source image.

When the effect improves perception

The effect works best when the image has room to breathe: foreground, background, an important detail, a horizon line, or a diagonal composition. If the photo has visual space, motion helps guide the eye. If the image is already overloaded with small details and you place a caption on top of it, the slider starts competing with the rest of the page text.

For a services website, a strong sequence looks like this: the first slide shows the overall context, the second shows a specific result, the third highlights a detail or advantage, and the fourth prompts the user to move deeper into the site. On a content-driven site, slides can work as visual entry points to categories, but they should not become the only navigation method. Buttons and links should remain clear and usable even without animation.

When it is better not to use the slider

JUX Ken Burns Slideshow may be unnecessary if the page is already overloaded with animation, if the template uses a complex visual builder, if the main content needs to load as quickly as possible, or if important information exists only inside the slide caption. A slider should not replace page structure: headings, menus, service cards, and text blocks are still necessary.

Another case that calls for caution is a site where users arrive with a specific task: pay a bill, find a document, submit a request, or log in to an account area. On pages like that, a large moving slider can become a distraction. It is better reserved for a homepage, promotional section, or visual portfolio.

How the module fits into Joomla: position, menu assignment, and template

JUX Ken Burns Slideshow works as a Joomla module, so its result depends on more than just the extension's own settings. The module must be published, assigned to an existing template position, and linked to the right menu items. If any one of those three layers is not configured, the slider may be fully set up and still never appear on the site.

In Joomla, a module position is a placement area defined by the template developer. Names like banner, top-a, slideshow, hero, position-1, or sidebar-right are not universal. One template may render top-a above the content, while another may not have that position at all. That is why you should identify your template's real positions before configuring the slider.

Placement diagram for JUX Ken Burns Slideshow in a Joomla module position
The slider appears only when three conditions line up: the module is published, the position exists in the template, and the menu assignment allows it to render on the current page.

The three layers you need to check together

The first layer is the module state. It must be published, have a clear title in the admin panel, and not be hidden by access settings. The second layer is the position. If the wrong position is selected, the module may not render at all or may appear in an unexpected location. The third layer is menu assignment. Joomla can show a module on all pages, no pages, only selected menu items, or everywhere except selected items.

For a primary visual block, the usual choice is a wide top template position, with the module assigned only to the homepage or to a group of pages where it is actually needed. This reduces the risk of loading heavy images on utility pages, article detail pages, or sections where a visual showcase interferes with the user's task.

How to verify the position without guessing

Joomla includes a module position preview mode. You enable it in the template settings, then open the page with ?tp=1 or &tp=1 in the URL. After the check, this mode should be turned off on a live site. It is meant only for administration because it exposes the structure of the template.

Practical check: if the slider is not visible, first open the page in position preview mode and make sure the selected position actually exists in the current template. Only after that should you look for the issue inside the JUX Ken Burns Slideshow settings themselves.

What to prepare before installation

Installing the slider should start not with uploading the ZIP archive, but with preparing the site. The module displays images and controls animation on the public side of the site, so it interacts with the template, JavaScript, caching, the responsive grid, and the Joomla media library. The cleaner the prep work, the less time you will spend troubleshooting.

Check compatibility on the official product page

Before installation, open the current product page on the developer's site or in the Joomla Extensions Directory. That is where you can verify the supported Joomla branches, distribution model, Joomla Update System support, developer, and extension status. Do not carry over old instructions from archived reviews into a new site without checking them first, because the module has changed its image upload workflow, caption editor support, and fixes for newer Joomla branches and JavaScript conflicts.

If the site is already running a recent Joomla branch, it is especially important to verify not just compatibility in general, but the changelog as well. Notes about gallery configuration fixes, support for newer Joomla versions, and jQuery conflicts are useful for troubleshooting: they show which parts of the module have already changed and where you should be more careful after updates.

Prepare images as content, not as a random pile of files

For a slider with a zoom effect, the images need to be large, sharp, and compositionally stable. If a photo is small, blurry, or already cropped too tightly, the Ken Burns effect will make the problem more obvious. It is better to prepare 4 to 6 strong horizontal images than to upload 10 weak frames just because the documentation allows multiple slides.

Work from the actual container in the template. For a wide hero block, use photos with extra width and height so the zoom does not reveal empty edges. For a narrow block or sidebar position, keep the effect subtler and test thumbnails and captions with extra care.

Minimum set before the first launch

  • A site backup, or at least a verified way to roll back the installed module.
  • A clear understanding of which template position should display the slider.
  • A separate folder for slide images so they are not mixed into the rest of the media library.
  • Short headings and captions without heavy text layered over the image.
  • A menu assignment plan: homepage, services section, portfolio, or another specific area.

Check the template, cache, and access permissions

If the site uses aggressive script combining and minification, it is better to test the module without those optimizations first. Sliders usually depend on JavaScript, and any optimization layer can alter file loading order. That does not mean caching cannot be used. It means the first pass should happen under the clearest possible conditions, with optimization added back only after the result is confirmed.

Check access permissions separately as well. If the module is assigned to the Registered or Special group, a normal visitor will not see it. For a public promotional block, the correct access level is usually Public. For a restricted section, you can limit access, but then testing has to be done under the appropriate account.

Installing and publishing the module for the first time

JoomlaUX documentation describes installation as uploading the module ZIP package through the Joomla Extensions Manager. On modern sites, admin section names may differ from older screenshots, but the logic remains straightforward: install the package, find the new module, open its settings, fill in the slides, choose a position, assign pages, and publish it.

You should not enable the slider across the entire site right away. First create a test module, assign it to a single page, and review it inside the real template. If the result works, you can duplicate the configuration or expand its menu assignment to other items.

Basic installation sequence

  1. Open the Joomla admin panel and go to the extension installation section.
  2. Upload the JUX Ken Burns Slideshow module ZIP package using Joomla's standard installer.
  3. After the installation succeeds, find the module in the site modules list.
  4. Open the module and give it a clear administrative name, for example Main Slider.
  5. Select the template position where the slider should appear.
  6. Assign the module to the required menu items.
  7. Add several images, captions, and links if needed.
  8. Publish the module, save the settings, and check the page in a regular browser.

What to check immediately after saving

The first check should be short and technical. Do not judge the design until you know the module is actually rendering correctly. Open the page while logged out, refresh the browser cache, verify that the position appears, that the slides rotate, that they do not overlap the menu, that the content below does not disappear, and that the slide link works if you added one.

Quick takeaway: after installation, the goal is not a "beautiful finished banner," but a controlled test: the module is published, visible on one page, uses a real template position, and does not break the rest of the layout.

Post-install settings: images, captions, controls, and timing

The most useful part of configuring JUX Ken Burns Slideshow sits at the intersection of three areas: the slider's core settings, the data source for slides, and the module's advanced options. The documentation identifies these as Basic Option, Data Source, and Advanced Option. The labels in the actual admin panel may vary slightly, but the meaning of those groups remains the same.

Map of the main JUX Ken Burns Slideshow settings after installation
The key settings are best configured not strictly top to bottom, but by logic: first the slide source, then playback behavior, then appearance and compatibility.

Start with the slide source

In the data source area, the module works with slides you enter yourself rather than pulling content from another component. The documentation describes the ability to choose a folder, upload images, remove extra files, and reorder slides by dragging and dropping. For each populated slide, you can define an image, caption, link, and link target window.

Start with a small set. For the first pass, three slides are enough: an establishing shot, a detail, and an action or result. That makes it easier to understand how the effect duration behaves, how readable the caption is, and whether thumbnails get in the way. Once the core logic is working, you can add more frames.

How to choose the slide order

The order should tell a short story. For a hotel website, that might be the exterior, the room, the restaurant, and the location. For a studio, it could be the project, the work process, and the final result. For an event, it might be the stage, the audience, the agenda, and registration. Random order makes sense only when every slide stands on its own and does not depend on the previous one.

Thumbnail settings

The module lets you show or hide thumbnails and also define their size. Thumbnails are useful when the slider works more like a compact visual gallery: the visitor can jump quickly to a specific frame. But in a wide hero block, thumbnails often weigh down the composition and compete with the page heading.

For a homepage, it is usually better to start without thumbnails, or keep them very compact. For a portfolio, photo report, or section with multiple items, thumbnails can be useful, but they need to be checked on mobile. If thumbnails take up too much vertical space, hide them or reduce their size.

Autoplay, looping, random order, and pause on hover

The Auto Play setting starts the slide rotation automatically. It makes sense in a promo block, but it can become irritating if the slider contains too much text. Repeat SlideShow controls whether playback loops after the last slide, while Random Order changes the display sequence. Pause on Mouseover stops the slider when the user hovers over the main image so they can read the caption or study the frame.

A safe starting setup for most sites looks like this: autoplay on, looping on, random order off, pause on hover on, and navigation controls visible if there are more than three slides or if the captions are important. After that, adjust based on visitor behavior and the page's goal.

Captions, caption effects, and text placement

JUX Ken Burns Slideshow supports both title and description output, and the documentation mentions caption effects including sliding, fading, and elastic motion. A caption should complement the image, not duplicate the page's main H1. If the slide already has a strong visual focal point, keep the caption short. If the photo is calmer, you can add one explanatory line and a link.

Choose the caption position based on the composition of the frame. If the main subject is on the right, the caption usually belongs on the left. If the slides vary, find a shared safe zone and test every frame. Do not place long text over an area that becomes too contrast-heavy or visually noisy during the zoom.

How to tune the Ken Burns effect without making the motion annoying

In the documentation, the developer explains the effect through two settings: the zoom ratio and the duration. The higher the ratio at the same duration, the faster and more noticeable the motion. The longer the duration at the same ratio, the softer the scaling feels. That is the key principle behind tuning it: the speed of the effect depends not on one field, but on the relationship between zoom and time.

A weak slider is usually not "too animated" in itself. More often, it uses too much zoom over too short an interval, the wrong photo, or too much text layered on top of motion. That is why the best way to configure it is through small iterations: change one setting, save, check the public page, and roll it back if the result gets worse.

Starting values based on purpose, not habit

For a calm services site or corporate page, use restrained motion. The user should notice that the image feels alive, but not feel pushed toward the next frame all the time. For events, sports, travel, and promotional pages, the effect can be more active, but it should still remain smooth.

How to match slider behavior to the page goal
Scenario What to configure How to verify it
Service homepage Soft zoom, medium duration, short caption. The visitor has time to read the heading and does not lose sight of the button below the slider.
Portfolio or gallery Slightly more noticeable motion, thumbnails if needed, links to projects. Each frame stays sharp and does not crop out an important detail.
Event promotion Autoplay, looping, navigation controls, pause on hover. The slider draws attention without getting in the way of registration or reading the agenda.
Narrow module block Minimal motion, hidden thumbnails, no long captions. The photo does not stretch, the text is not cramped, and the block does not break the layout grid.

Why portrait photos often look worse

Sliders are usually rendered inside a container with a fixed width or a defined aspect ratio. If you place a portrait image there, the module or template has to either crop it, stretch it, or leave empty space. The JoomlaUX forum has discussed cases where portrait photos were stretched, with possible causes including template CSS and caption content. That does not prove one universal cause, but it does show the right diagnostic path: you need to check the image, the caption, and the template styles.

In practice, it is better to prepare horizontal versions of portrait photos ahead of time: extend the background, create a cleaner crop for the hero block, choose a different shot, or use portrait images in a gallery instead of a Ken Burns slider. If you absolutely need a portrait frame, reduce the zoom strength and test it separately at several screen widths.

The "image - motion - caption" relationship

The easiest way to review the effect is as a simple chain: the image provides the visual base, the motion guides the eye, the caption explains the meaning, and the link moves the user toward an action. If any one of those elements conflicts with the others, the slide becomes weak. For example, the photo moves toward the right edge while the caption sits on the right; the link goes to a section, but the slide does not explain why the user should go there; or thumbnails take up space even though the user is supposed to click a button below the slider.

Diagram of Ken Burns effect tuning through duration and zoom ratio
Motion feels natural when the zoom ratio, display duration, and photo composition are checked together.

Practical example: a hero slider for an event page

Consider a scenario that fits this module well: a cultural center or conference venue wants a large visual block on the homepage with several photos of the hall, stage, guests, and a button leading to the program page. The goal is not to build a "carousel for the sake of a carousel," but to create a clear hero section that sets the mood and leads to the next action.

Goal and preparation

The target is a wide slider in the template's top position that automatically rotates through 4 images, shows short captions, pauses on hover, and links some slides to the program or booking page. Before configuration, prepare images that all match in visual quality: a wide shot of the hall, the stage, the audience, and the networking area. Each photo should be able to handle a light zoom without losing quality.

Step-by-step setup

  1. Create or open the JUX Ken Burns Slideshow module in the site modules list.
  2. Name it in the admin panel so an editor understands its purpose, for example Hero - event homepage.
  3. Select a wide top template position meant for a banner or slider.
  4. In menu assignment, choose only the homepage or the specific event menu item.
  5. In the data source, add 4 images and arrange them in a logical order.
  6. Add a short caption to each slide: no more than one meaningful line.
  7. Add a link only where it is actually needed, and choose the target window intentionally.
  8. Enable autoplay and looping, and leave random order off.
  9. Enable pause on hover and show navigation controls.
  10. Adjust the duration and effect so the motion is noticeable but not abrupt.

Expected result

A wide block appears on the homepage with soft motion inside the photos. The user sees the overall context of the event, can pause a slide by hovering, can follow a link if one is added, and does not lose access to the main navigation. On mobile, the slider remains readable, and captions do not cover important parts of the frame.

Example of JUX Ken Burns Slideshow on a Joomla page after hero slider setup
This practical scenario shows the connection between the module settings, the chosen Joomla position, and the final result on the public site.

A common nuance that gets in the way

If the template already includes its own hero block, the slider may compete with it in height, spacing, and z-index. In that case, do not jump straight into editing template files. First try a different position, disable the module title, check menu assignment, and reduce the block height through the template's built-in settings if they exist. Only after that should you move to CSS adjustments through a module suffix.

Result check: responsiveness, speed, SEO, and usability

After configuring the slider, it is important to evaluate more than just appearance. The module affects the above-the-fold area, image loading, text readability, button behavior, accessibility, and overall page perception. Even a visually attractive slider is better removed or simplified if it slows down an important page or hides the main action.

Testing on different screens

Open the page on a large monitor, a laptop, and a smartphone. If you do not have real devices, use browser developer tools, but the final check should still happen on at least one actual mobile device. Do not look only at whether the slider fits. Watch how it affects the content below it as well.

  • On a wide screen, the key subject of the photo should not drift off the edge during the zoom.
  • At tablet width, the caption should not cover a face, product, button, or other important detail.
  • On a smartphone, navigation controls and thumbnails should not take up most of the first screen.
  • When the screen orientation changes, the slider should not leave blank bars or break the block height.

Speed and image weight

A slider with several large photos can noticeably increase page weight. That is especially important if it sits above the fold. Do not upload straight-from-camera originals, do not use dozens of frames, and do not load overly heavy images for a relatively small block. Prepare web-ready versions, keep a balance between quality and file size, and then test the page with browser tools or your usual performance audit service.

If caching and optimization are enabled, review the behavior after clearing the Joomla cache, the template cache, and the browser cache. When the issue appears only after minification or file combining, temporarily disable script optimization and re-enable it one setting at a time. That makes it easier to isolate the conflict.

SEO and accessibility

The slider should not be the only place where important text appears. Search engines and users should get the main information from the page's regular HTML content: headings, paragraphs, cards, and links. A slide caption can reinforce the message, but it should not replace the core text.

For images, keep meaningful filenames and alternative descriptions wherever Joomla or the module allows you to define them. If text over a slide is critical, duplicate it in the page content as regular text. If a slide includes a link, make sure that action is also available through a button or link near the surrounding content.

Result check: briefly imagine that the animation failed to load. The page should still explain the service, show navigation, and guide the user toward an action.

Editorial workflow: how to prepare slides so the module does not have to be fixed with design tweaks

JUX Ken Burns Slideshow has technical settings, but the quality of the final block is often decided during editorial preparation. The module will not fix a weak photo, an overly long caption, or a random frame sequence. If a content manager is preparing the slides, they need a simple working process: select the images, bring them to a similar visual level, write the captions, verify the links, and only then adjust the motion settings.

A strong slide for this kind of module answers one question: what should the user feel or understand in a couple of seconds? If the slide shows an interior, the caption should not repeat "Our interior." It is better to be specific: "Room for intimate events," "Panoramic lounge area," or "Workspace for your team." That is not an ad slogan, but a directional cue that explains the frame.

How to build the image set

Start by selecting 8 to 10 candidates, then reduce them to 4 to 6. At this stage, do not judge only the beauty of each individual frame. Check how the images work together: whether there is a jarring jump in color, whether two frames repeat the same idea, and whether there is a clear flow from wide shot to detail. If all the images are too similar, the slider will feel repetitive. If they are all too different, the set may fall apart stylistically.

A practical technique: arrange the images in display order and label each with one word: "context," "detail," "result," "action," or "trust." If two slides end up with the same role, one of them can usually be removed. If a frame has no role, it does not belong in the above-the-fold section.

How to write slide captions

A slider caption should be shorter than a normal paragraph and simpler than an advertising banner. Do not put long lists of benefits, technical specs, promotion terms, or a full list of services there. When the image is moving, long text becomes tiring to read, and on mobile it can easily cover the frame.

The best format is a short heading and, if needed, one clarifying line. If the slide links to a service page, the caption should match that link. For example, a slide about a conference hall should lead to the hall booking section, not to a generic "About Us" page. That helps the user understand the relationship between the visual and the action.

When links on slides help and when they get in the way

Links on slides are useful when each frame leads to a different meaningful section: the hall, restaurant, program, or contact page. If all slides point to the same page, it is better to keep the main button below the slider or beside it. That makes the interface more predictable, and the user does not have to guess whether the image is clickable.

If the link opens in a new window, verify that this is actually necessary. For internal site pages, it is usually better to keep the navigation in the same window. A new window makes more sense for an external resource, map, document, or separate booking system. In any case, the link should not be the only way to reach an important action.

Maintenance after Joomla and extension updates

Sliders rarely need daily attention, but they should not be treated as permanently finished. The JUX Ken Burns Slideshow changelog includes notes about fixes to image uploads, the caption editor, gallery configuration, styles, and compatibility with newer Joomla branches. That means updates should trigger a check not just for the module's presence, but for the parts that may have actually changed.

The easiest way to maintain it is with a short checklist. Run it after a Joomla update, a template update, an update to the module itself, enabling a new cache plugin, or changing the homepage structure. That approach helps catch issues before visitors see a broken above-the-fold section.

What to check after an update

  • Whether the module opens in the admin panel without errors and saves changes correctly.
  • Whether the images are still in place, especially if the changelog mentioned uploads or reselecting files.
  • Whether captions, links, and slide order have stayed intact.
  • Whether autoplay, navigation controls, pause on hover, and looping still work.
  • Whether the block height in the template changed after a style update.
  • Whether the browser console shows JavaScript errors after clearing the cache.

The most common maintenance mistake is checking only the homepage in one browser while logged in as an administrator. Open the page while logged out, in a private window, and at mobile width. If the slider is assigned to a specific menu item, test that exact item rather than a similar page using the same content.

How to handle a safe rollback

Before a major update, save the current configuration: take screenshots of the settings, write down the position, menu assignment, slide order, and image list. That is not a replacement for a full backup, but it gives you a quick reference for restoration. If the slider looks different after the update, you will be comparing actual settings rather than vague impressions.

If the issue appeared after a module update, do not start by uninstalling the extension. First review the changelog, the cache, the image upload settings, and whether the slides are still being saved correctly. If the file selection flow changed, you may need to reselect the images in the settings. That kind of scenario is worth documenting for editors so they do not mistake missing slides for lost content.

How to avoid overloading the page with animation and preserve usability

Any slider lives at the boundary between design and usability. It should attract attention without fighting the main content. That is especially true for JUX Ken Burns Slideshow, because the motion effect continues even after the user starts reading the page. If the motion is too noticeable, the caption is too long, and important text begins immediately below the slider, the user's attention will fragment.

One primary animated block per screen

If the above-the-fold area already contains a dropdown menu, a ticker, a video background, a popup form, and an animated slider, the page starts to feel heavy. It is better to keep one main animated element. JUX Ken Burns Slideshow works well in that role when calmer content sits below it: a section heading, a short description, service cards, or buttons.

If the template already includes an animated hero block, do not place the module on top of it. Choose one visual system. Two competing sliders usually create not a richer design, but the feeling of an unfocused page. In that case, the module can be used lower on the page, for example in a portfolio block or on a dedicated item page.

How to tell when the slider is getting in the way

There are several warning signs: users miss the button below the hero area, the caption has to be reread, the slider takes up almost the entire first screen on mobile, or important content gets pushed too far down. Another symptom is when the editor keeps trying to "fix" the slider with more effects, heavier shadows, a caption background, and extra buttons. That usually points not to a lack of effects, but to a weak composition.

In that situation, simplify the module: reduce the number of slides, remove thumbnails, shorten the captions, tone down the motion, and move some of the text into a regular content block below. A strong slider often looks simpler than a weak one because it has fewer elements competing for attention.

After simplifying it, make sure to compare the page before and after. If it becomes easier for the visitor to understand where they are and what to do next, the change worked. If the slider becomes calmer but the hero area loses its meaning, bring back one strong image or a more precise caption. The goal is not minimalism for its own sake, but a clear visual path: the photo captures attention, the caption explains the context, and the link or button leads to the next step.

Safe appearance improvements without editing the core

With JUX Ken Burns Slideshow, you should not edit the module files themselves or the Joomla core. Those changes are easy to lose during updates. It is safer to work through the module settings, template position, menu assignment, the Module Class Suffix setting, and custom CSS in the template file intended for custom styles.

The documentation describes Module Class Suffix as a CSS class suffix for styling an individual module instance. That is a convenient way to scope a visual adjustment to a single slider. For example, you can add the suffix kb-home-hero and then style the container without affecting other modules on the site.

A small CSS example for a clean hero block

This example does not rely on the extension's internal classes and does not require editing JUX Ken Burns Slideshow files. It works at the container level, provided your template really adds the specified class to the module. Add the code to your template's custom CSS file or to another built-in mechanism for custom styles.

.kb-home-hero {
  max-width: 1180px;
  margin: 0 auto 32px;
  overflow: hidden;
  border-radius: 8px;
}

.kb-home-hero img {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 767px) {
  .kb-home-hero {
    margin-bottom: 20px;
    border-radius: 0;
  }
}

After adding the CSS, clear the cache, open the page, and verify only the module instance that uses the suffix. If the appearance gets worse, remove the code or temporarily remove the suffix from the module settings. That kind of rollback is much safer than editing the extension files.

When CSS is not the answer

If the issue is not about spacing but about the slider not appearing, the photos not rotating, or captions not being saved, CSS will not help. First check publishing, position, menu assignment, the slide source, the cache, and JavaScript errors in the browser console. Visual styling should be the final layer, not a way to hide a technical problem.

Use case ideas for different Joomla sites

JUX Ken Burns Slideshow can be used for more than just a large homepage banner. The key is to match the scenario to the content and not force the module into a role better handled by a gallery, catalog, or page builder.

Service landing page

On a landing page, the slider can show three states: the client's problem, the work process, and the finished result. For example, for interior renovation, that could be the original room, the renovation process, and the final look. Helpful settings here include short captions, linear order, and pause on hover. The test is simple: after seeing the hero area, the user should understand where to click next.

Portfolio and creative project

In a portfolio, the effect can bring static work to life, but it is important not to damage the composition. If the work contains fine detail, it is better to use a lighter zoom or a separate gallery for close inspection. Thumbnails may be useful here because the visitor often wants to jump quickly to a specific project.

Events, tourism, and venues

For events, tourism, restaurants, and venues, the slider does a good job of conveying atmosphere. You can build a path like this: overall view, key area, emotion, action. Random order is best left off if the sequence is supposed to lead to a specific conclusion. Navigation controls and pause on hover help the user take in the frame.

Information site or blog

On a content site, the slider should be used carefully. It can highlight key categories or featured materials, but it should not replace the article list. If you want to display new content automatically, look for a different solution, because according to the documentation, JUX Ken Burns Slideshow works with manually entered slides rather than an automatic feed from the content component.

Why the slider may not work and how to find the cause

It is best to troubleshoot from simple to complex. Start with publishing, position, and menu assignment, then check the slide source, then the template, cache, and JavaScript. If you jump straight into editing CSS or reinstalling the module, you can waste time and still miss the real cause.

Troubleshooting map for JUX Ken Burns Slideshow issues in Joomla
The troubleshooting path helps separate a Joomla module issue from a position, template, cache, or JavaScript conflict.

The module is installed but does not appear on the page

Symptom: the module exists in the admin panel, the slides are filled in, but nothing appears on the public page. Possible causes include the module not being published, being assigned to the wrong position, being hidden by menu settings, being unavailable to the current user group, or rendering into a position that does not exist in the active template.

Check the publication status, Access, the selected position, and the menu assignment tab. Then enable template position preview and verify that the required position exists. If the module appears on another page, the problem is almost certainly in menu assignment rather than in the extension itself.

Only the first slide shows, or the rotation gets stuck

Symptom: the first frame is visible, but the slider does not advance, navigation controls do not work, or the animation breaks. The JED changelog includes entries related to getting stuck on the first slide and jQuery conflicts, so first verify that the installed package is current and then review the JavaScript settings.

Open the browser console and look for errors. Temporarily disable script combining and minification, clear the cache, and review the Enable jQuery and Enable noConflict settings in the advanced options. If the slider comes back to life after disabling the optimizer, re-enable optimization one setting at a time.

Images are stretched or cropped incorrectly

Symptom: portrait photos become too wide, faces and objects slide out of frame, or thumbnails look messy. Possible causes include unsuitable source image aspect ratios, a fixed template position height, template CSS, zoom that is too aggressive, or a problematic caption.

Start by replacing one slide with a high-quality horizontal image and check the result. If the horizontal photo looks fine, the issue is in the source image prep. If it is distorted too, inspect the template CSS and container dimensions. For a narrow block, reduce the effect and hide the thumbnails.

Captions are hard to read or cover an important part of the photo

Symptom: slide text gets lost on a bright background, covers a face or button, or jumps during frame changes. Check the caption position, text length, and caption effect. Do not try to solve everything by increasing the shadow or adding a solid overlay: sometimes the better fix is to rewrite the caption and choose a different frame.

If the captions matter, enable Pause on Mouseover and navigation controls. That lets the user stop the frame and read the text. For a promo slider, use one short phrase and move the details into a regular HTML block below.

The slider breaks after cache is enabled

Symptom: everything works without optimization, but after caching or minification the slides stop rotating. Do not clear the entire site blindly every time. Temporarily disable JavaScript combining, check the loading order, and then re-enable optimizations gradually.

If the conflict repeats, keep the module in the optimizer's exclusions if your caching tool supports that. If exclusions are not available, it is better to use a gentler optimization strategy than to break the site's above-the-fold section.

When it is better to roll back a setting

Roll back the last change if it made the slider worse on mobile, caused it to overlap the menu, noticeably slowed down the homepage, or stopped it from working only after enabling a questionable option. Slider configuration should improve the page, not create a chain of fragile workarounds.

Questions worth resolving before publication

Can JUX Ken Burns Slideshow be used as an automatic Joomla content feed?

The documentation describes the data source as a set of user-entered slides, not an automatic feed from the content component. If you need a stream of articles, products, or events, it is better to look for a slider with dynamic sources or a separate integration.

How many slides should you add in the first setup?

For the first launch, 3 to 5 slides are enough. That makes it easier to check the motion, captions, page weight, and behavior on mobile screens. Add a larger image set only after you are sure the core configuration works.

Should random order be enabled?

Random order works best for equally weighted frames, such as atmospheric photos of a venue. If the slides tell a story or guide the user toward a specific action, it is better to keep the normal sequence.

What if the module conflicts with the template or the cache?

First check how it behaves without script combining and minification, then review Enable jQuery and Enable noConflict, then check the browser console. If the problem appears only after a specific optimization, configure an exclusion or roll back that setting.

Is the module suitable for mobile screens?

Official sources position the module as responsive, but the real result depends on the template, image sizes, captions, thumbnails, and position. That is why mobile testing is mandatory. Do not rely on the feature description alone.

Can this slider replace video?

Sometimes yes, if the goal is to bring static photography to life without the weight of a video banner. But if you need to show a process, sound, an interface demo, or real actions, a slider is not a substitute for video. It creates motion inside a photo, not a full video narrative.

Why should you avoid editing the module files directly?

Changes inside extension files can be lost during updates and make maintenance harder. For styling, use settings, a module suffix, the template's custom CSS, and a safe rollback path. For technical issues, it is better to look for the cause in the settings, template, caching, or package version.

When JUX Ken Burns Slideshow is a strong choice

The module is a good fit if you need a straightforward Joomla slider for a small set of prepared images, a soft Ken Burns effect, captions, links, optional thumbnails, and output through Joomla's standard module system. It is especially effective for hero areas, visual presentations, portfolios, venues, events, and service pages where strong photography genuinely helps users make a decision.

Before publishing, verify three things: the slider appears only where it is needed, the motion does not interfere with reading or navigation, and the images are prepared for the real template container. If those conditions are met, you can move on to testing it on the live page and download the installation package from the download block.

If instead you need a visual layer editor, an automatic content feed, a full-screen background, or complex integrations, it is better to compare several alternatives before implementation. The strength of JUX Ken Burns Slideshow is not its universality, but its clean presentation of prepared images inside a Joomla module with controlled motion.

By OceanTheme.org Editorial Team

 

You are not logged in to post comments.