Image slider gets stuck on menu items others than home.

Question

I use DJ Image Slider on my Joomla 3.3.1 to get an animated banner. The module works fine on both home pages (it's a bilingual website) but not all the other menu-items where the first slide is loaded but the module remains static.It doesn't "auto slide" nor can you navigate to the other slides. (You can see what I mean here)

I can't find the source of this issue. Any idea ?

Thanks a lot for your help!

Answer 1

As mentioned it's a js issue, you could try to debug this manually however it may take some time. I have used this image slider in the past and had some issues with js conflicts, however I was able to resolve them - see below.

You should try using this plugin to resolve your issue. Its a plugin that removes unnecessary multiple occurrences of jQuery libraries - which may be your issue?

Using the plugin it's possible to;

• Disable MooTools libraries tentatively in the frontend.
• Enable or disable the plugin in specific portions of the site, from template to single page.
• Use reporting to get feedback on what the plugin engine has done.
• Add or remove scripts and stylesheets.
• Strip blank lines left by the modifications made to the page.
• Prevent some libraries to be stripped out.
• Modify the way the engine works by default (do not add or remove noConflict() code…).

Try all of the available options in the config of the plugin settings (different js versions etc), hopefully one of them will work for you.

Hope this helps.

Answer 2

Ok, think about this logically. It works fine on the homepage but not on other pages.

This could mean that there is another script being loaded on other pages that is causing problems. Could be that there is a missing tag somewhere. You would be best off disabling (not uninstalling) each extensions, 1 by 1 that are associated with the other pages. After disabling each extension, refresh the page to see if the problem still occurs. You may also want to take into consideration that the scripts are being loaded in a different order on all other pages.

Before doing this though, at a guess, I think it might be due to the fact that this:

/modules/mod_djimageslider/assets/powertools-1.2.0.js

is being loaded after this:

/modules/mod_djmenu/assets/js/jquery.djmenu.js

Powertools is used to create custom events, therefore it's possible that djmenu.js is trying to create an event but can't because the file hasn't loaded yet.

Answer 3

For some reason the javascript file is not loaded on the other pages, only on the home. This is the js error you have: " Uncaught TypeError: object is not a function Uncaught ReferenceError: DJImageSliderModule is not defined " Make sure you have this line in your template index.php:

Or check the template settings of the pages. This is the first two things I can think about for now.

Answer 4

Debugging such issues needs some work and time and usually access to the site is very helpful.

I do not have much time at the moment to review your front-end.

A few things that you could try are:

1. check if multiple instances of js libraries e.g. jQuery are loaded and disable them, leaving only one load.

2. Try by disabling other extensions to see if any of them conflict with each other. Sometimes we have to leave some extensions if they do cause us such issues.

External Links
A few resources with good information about spotting and troubleshooting js issues solving jQuery / Mootools conflict issues with the jQuery-easy-plugin and how to resolve jQuery conflicts

Answer 5

Most probably multiple jquery is the reason or wrong declaration of javascript files. You can try this at the top of template page in between head tags.

<?php
    // load jQuery, if not loaded before 

    if(!JFactory::getApplication()->get('jquery')){
    JFactory::getApplication()->set('jquery',true);
    $document = JFactory::getDocument();
    $document->addScript(JUri::root() . "templates/template-name/js/jquery.js");
    }
?>

It may helps you. Thanks.