My slider broke, images not sliding through
I was having a CSS issue with some images on my site not related to NextGen plugin, and I was tweaking a lot of CSS in my stylesheets (not in the plugin stylesheet however) and it broke the cycling feature of the nextgen plugin. See example here
Can anyone help me with this? Any answers or even more questions would be appreciated. Thanks so much
Notice the slider gallery is supposed to scroll to the left to show more images but it is not anymore. What could have caused this?
I played around with your CSS (with Firebug) but I wasn’t able to get it to work.
TypeError: f.easing[i.animatedProperties[this.prop]] is not a function http://monrowattire.com/wp-includes/js/jquery/jquery.js?ver=1.7.2 Line 4
I think part of the problem is you are loading two different versions of jquery, and two different versions of jquery-ui.
Its possible a theme or plugin you installed/updated decided to load its own version, or, a setting/install/update may have changed the order of the scripts.
Perhaps they were in the right order to previously to allow it to work, but now the change has created a problem.
You are loading these version of jquery-ui:
- https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js – This is the full version loaded via google.
- http://monrowattire.com/wp-content/themes/monrow/js/jquery-ui-1.8.13.custom.min.js – This one is important for the scroller that is broken.
and these versions of jquery:
- http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js – This is an older version loaded via google
- http://monrowattire.com/wp-includes/js/jquery/jquery.js?ver=1.7.2 – This is the one you want
You need to find out where that old versions are being loaded from. It may be directly in your header.php file for your theme, which would make it easy.
Without getting too technical, you should only use one of each. Find out where the older jquery and the other jquery-ui are being loaded from and remove them.
There is a chance that something will break if you remove one or both. Hopefully it will just fix the scroller and not cause more problems.
This issue has absolutely nothing to do with NextGen gallery.
I don’t think your question will appear in any other forums since you posted through the NextGen support page.
You would probably be able to receive much more help in the future if you post your issue in a more general area (unless the problem actually has to do with NextGen Gallery ^_^).
I took over this site’ reigns from another dev, and they were calling several different headers..
Some of them have .js files with the following names:
But these headers are not being called anywhere in the theme!
I’ve only installed one plugin since It’s stopped working.. I deactivated it and it does not solve the problem.
http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js – This is an older version loaded via google
this IS in my header.php file.. is this the one to be removed?
thanks so much for your help smigliorato!
Cut it out, shred it, burn it, and stomp on the ashes!!!
Wait… I just took another look at the thumbnail scroller plugin site. The post was from 2010 (thus the old version), and IT was were http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js came from.
This means that including the older jquery 1.5 should actually work (meaning remove jquery 1.7.2). This would make sense considering the error was in the newer jquery.
So, I wrote another novel, but I think I want to make it a bit clearer what your options are. Try one, and then try the other.
Only comment out the code so you can try some different combos if there is still trouble.
If you want it to just work (hopefully) comment these script tags out: http://monrowattire.com/wp-includes/js/jquery/jquery.js?ver=1.7.2 https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js These are the files the ones <a href="http://manos.malihu.gr/jquery-thumbnail-scroller/">thumbnail scroller is supposed to work with</a>.
If you want to try using the newest versions, comment these script tags out: https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js Jquery is darn good about backwards compatibility, but there is no guarantee.
It looks like you tried pulling out jquery 1.5 (unless my browser is acting hinky) and it still doesn’t work.
I would recommend trying one of the options above. With the first one..first. Make sure to comment out both.
Let me know how things are going…
- The topic ‘My slider broke, images not sliding through’ is closed to new replies.