Home/ Questions/Q 6912581
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T09:06:37+00:00

I am using a Nivo Slider based image slideshow module for Joomla CMS, version

  • 0

I am using a Nivo Slider based image slideshow module for Joomla CMS, version 1.5. The module is jQuery based and we are using jQuery 1.6.3 for this one.

The slider works perfectly fine on FireFox and IE, as can be seen on our website. It used to work fine on Chrome, too (tested with version 14) – but it doesn’t anymore and I don’t have a clue why.

On Chrome, all the images load fine, however, only the first slide is displayed and I believe the jQuery script returns an error. The console returns the following error: “Cannot read property ‘defaultView’ of undefined”, on file jquery.min.js, line 4.
The result is a still image – the first slide. Everything else is there, the CSS, the initializing jQuery script and all the HTML involved.

I checked it already with Chrome versions 14 and 15. In both versions the result are the same.

I also already tried uninstalling and re-installing the module, using the default values, changing images & text and so on but nothing seems to get it working again on Chrome. I checked it out on different computers to see if it might be a problem with Chrome’s cache, like the original Nivo Slider bug with Chrome. I even tried loading different versions of jQuery, all the way back to 1.4, but still no change.

Please note I have applied some scripting and CSS to complement the slider, more specifically there’s a script that turns the first slide into a Youtube embed player and some CSS for caption styling. The javascript & CSS additions work fine on Chrome, however, even when removing all the alterations I added, the slider module still doesn’t work!

Let me stress again that it did work on Chrome before, more over – it does work perfectly fine on Firefox and IE. I have no idea what had caused the change.

P.S. obviously you can take a look on Firefox or IE and see that everything on that module works including the CSS and Javascript I added.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I found the problem, it happens because there is a conflict between jquery library and mootools library. You can go in "media/system/js/mootools.js" and rename mootools.js to _mootools.js for example and it works.
    I know that there is a more elegant way to fix it, where you can enabled a Jquery.noConflict() in your code. But I didn’t try it.
    Good Luck

    • 0