Only the loading animation displays in the frontent

Error

The loading animation is showing but the slider does not load

Possible causes

JQuery in footer

It could be, that in your theme the jQuery is called in from the footer, and not from the header, as it's usually happening. The solution for this is to go to the  Nextend settings, and turn on the Async option.

Javascript minification

There are javascript minifying plugins, which aren't putting the javascript codes properly into their files, in the order they found them, or they are just making errors by trying to minify javascript codes (not necessarily ours, but something before our code). The  Async option can help with this too, because that is using a different method to call in our js files, and usually minification plugins are skipping our code like that.

JavaScript error in the page

In Chrome or Firefox press F12, click on Console and refresh the page. If you have a javascript error, this will write it out. From the path of the file you could figure out what plugin/extension or your theme/template is causing it. 

If you see 404 or other server errors pointing to our cache files, that they couldn't load, then your cache folder is not writable. Usually in these cases the backend is messed up too, but your server host might have changed something after the installation of our slider, so the backend cache files were created, just the new ones can't be. Either way, you can solve that problem like this:

Possible js error: Uncaught TypeError: Cannot read property 'img' of undefined

This error happens, if you have apostrophe (') or some special character in you background image's or maybe image related layer's file name. We try to fix issues related to this, but you shouldn't use special characters in file names, because even if our code allows them, some browsers have problems with them, and for example WordPress filters out these characters, when you are uploading files as well.

Website stopped before it should

Right click on your site, choose View page source, and scroll down to the very bottom of your page. You should see the ending of your website:

</body>
</html>

If this is not what you see, check what has the last code. From the classes and ids, or the texts surrounding it you could figure it out what plugin/extension's module do you have there. That is what's causing a PHP error, or you have a server limitation reached, like the memory_limit. You could try to make your website write out the error like this:

WordPress

Write this code inside your  wp-config.php file right under the <?php part:

error_reporting(E_ALL); ini_set('display_errors', 1);

then go to your website, and check the very bottom of your page. Sometimes you can't see the message on the frontend, because it's behind something, or it's hidden, so you could right click, and check the page's source again, the very bottom of it. If you don't see any errors, and on your other pages you have the same issue, that you don't see the end of the code in the end, then the problem will be your theme, that something might have been accidentelly deleted.

Joomla

Go to the System -> Global Configuration -> Server, and change the Error reporting to Maximum:

then go to your website, and check the very bottom of your page. Sometimes you can't see the message on the frontend, because it's behind something, or it's hidden, so you could right click, and check the page's source again, the very bottom of it. If you don't see any errors, and on your other pages you have the same issue, that you don't see the end of the code in the end, then the problem will be your template, that something might have been accidentelly deleted.

Wrong html structure

If you wrote a custom theme/template, or modified your existing one, it is common, that the html structure is wrong, like the ending </head> is missing, or some other bigger html error exists, for example the <body> tag is there twice. If you right click on your website, choose View page source, then you could watch through the code, making sure, that you have a correct html structure with these tags:

<html>
<head>
...
</head>
<body>
...
</body>
</html>

Or a  html validator could point out these errors too, just that shows every minor "errors", which aren't really causing any problems, and it can be hard to see it through, finding the important mistakes.

Pre loaded slider id

Also this problem could happen, if you have wrote a number into your slider's settings -> Advanced tab -> Pre loaded slider ID, and if that slider doesn't exists, the loading never starts.

We resolved this issue in the latest versions, so if you wouldn't keep your slider up to date, you should update your Smart Slider, and the problem will be automatically resolved.