Problem loading slider images
-
Well I don’t know why this is happening. I have no cache plugin or compress plugin. And the weird thing is that it might be jquery compatibility problem? It throws on console Cannot read properties of null (reading ‘querySelectorAll’).
Any suggestions?The page I need help with: [log in to see the link]
-
Hi @apro1991
The first JavaScript error on your site is actually not connected to Smart Slider, but to an inline code that might be related to Slider Revolution. This is where the first error:
Failure at Presize of Slider:TypeError: document.getElementById(...) is null
points to this inline code:
function setREVStartSize(t){try{var h,e=document.getElementById(t.c).parentNode.offsetWidth;if(e=0===e||isNaN(e)?window.innerWidth:e,t.tabw=void 0===t.tabw?0:parseInt(t.tabw),t.thumbw=void 0===t.thumbw?0:parseInt(t.thumbw),t.tabh=void 0===t.tabh?0:parseInt(t.tabh),t.thumbh=void 0===t.thumbh?0:parseInt(t.thumbh),t.tabhide=void 0===t.tabhide?0:parseInt(t.tabhide),t.thumbhide=void 0===t.thumbhide?0:parseInt(t.thumbhide),t.mh=void 0===t.mh||""==t.mh||"auto"===t.mh?0:parseInt(t.mh,0),"fullscreen"===t.layout||"fullscreen"===t.l)h=Math.max(t.mh,window.innerHeight);else{for(var i in t.gw=Array.isArray(t.gw)?t.gw:[t.gw],t.rl)void 0!==t.gw[i]&&0!==t.gw[i]||(t.gw[i]=t.gw[i-1]);for(var i in t.gh=void 0===t.el||""===t.el||Array.isArray(t.el)&&0==t.el.length?t.gh:t.el,t.gh=Array.isArray(t.gh)?t.gh:[t.gh],t.rl)void 0!==t.gh[i]&&0!==t.gh[i]||(t.gh[i]=t.gh[i-1]);var r,a=new Array(t.rl.length),n=0;for(var i in t.tabw=t.tabhide>=e?0:t.tabw,t.thumbw=t.thumbhide>=e?0:t.thumbw,t.tabh=t.tabhide>=e?0:t.tabh,t.thumbh=t.thumbhide>=e?0:t.thumbh,t.rl)a[i]=t.rl[i]<window.innerWidth?0:t.rl[i];for(var i in r=a[0],a)r>a[i]&&0<a[i]&&(r=a[i],n=i);var d=e>t.gw[n]+t.tabw+t.thumbw?1:(e-(t.tabw+t.thumbw))/t.gw[n];h=t.gh[n]*d+(t.tabh+t.thumbh)}void 0===window.rs_init_css&&(window.rs_init_css=document.head.appendChild(document.createElement("style"))),document.getElementById(t.c).height=h,window.rs_init_css.innerHTML+="#"+t.c+"_wrapper { height: "+h+"px }"}catch(t){console.log("Failure at Presize of Slider:"+t)}};JavaScript errors can break other JavaScript codes and prevent them from working. Can you temporarily turn off Slider Revolution and see if the problem persists?
Alternatively, if you turn off all other plugins and switch to a WordPress default theme are you able to make the slider work?
If that’s good, try turning on the plugins and theme one by one to figure out what causes the error:
https://smartslider.helpscoutdocs.com/article/1735-how-to-do-a-plugin-theme-conflict-test
then let me know the name of theme/plugin that needs to be enabled for the error to happen again.Ok I removed the revolution slider but still nothing changed. I think there is problem on lazy load? If I try on a post it works but here it doesn’t it is a custom post of theme.
Also if you check on network Big images of slider like https://chandakos8.com/wp-content/uploads/slider/cache/30e28fb40917c17cbe9b65cd74f3d301/chandakos_c_15.jpg
are downloaded but not showing on slider probably lazy load is the problemHi,
Looking at the page again, I find it possible that the issue happens because of some kind of optimization plugin. I can see at the thumbnails that our data URIs:
https://en.wikipedia.org/wiki/Data_URI_scheme
which we use to display the thumbnail control’s arrow are messed up.They should start like this:
data:image/svg+xml;base64,
but they start like this on your site:
image/svg+xml;base64Unfortunately, I wasn’t able to figure out what’s doing this optimization based on the page source. If you know what plugin you’re using for optimization, can you try temporarily turning it off?
If you’re not sure, or if turning off that plugin doesn’t solve the problem, please run a plugin and theme conflict test:
https://smartslider.helpscoutdocs.com/article/1735-how-to-do-a-plugin-theme-conflict-test
and let me know which plugin/theme causes the problem and we’ll take a look at it.
The topic ‘Problem loading slider images’ is closed to new replies.