Image slider not working no matter what. JQuery confliction?

Hi guys. Loving MODX but I am having trouble getting ANY image slider to work especially autoplay. I have the front-end disabled so no jQuery conflictions there anymore. I also removed ALL the javascript code that doesn't have anything to do with the slider in question, but still no autoplay. It works fine except for that one thing. Anyone else have trouble like this? Site in question is testing.eyestunners.com

Thank you.

What jquery slider are you using? I see you are using jQuery 1.8.3 make sure the slider you are using supports that version I know some sliders don't work with updated versions of jQuery so I would start there.

Update:

After digging in your code I think your using the Rama slider if so try using jquery 1.6.2 which is what they are using on the Code Canyon live preview site I think that will solve your issue since the jQuery versions it says it supports on this page is 1.3, 1.4 and 1.5

Good Luck. [ed. note: benmarte last edited this post 11 years, 5 months ago.]

Quote from: benmarte at Nov 30, 2012, 12:18 AM

After digging in your code I think your using the Rama slider if so try using jquery 1.6.2 which is what they are using on the Code Canyon live preview site I think that will solve your issue since the jQuery versions it says it supports on this page is 1.3, 1.4 and 1.5

Good Luck.

Thanks so much for replying and taking the time to look for me. Yes, it's the Rama slider, however, I experience this problem with ANY slider I choose implement Anyway, back to Rama: I took your advice and switched to jQuery 1.6.2. Doing that caused the slider to disappear completely :O So again, I deleted all Non-slider related javascript thinking there was a confliction but still nothing. testing.eyestunners.com is now reflecting the site with the jQuery 1.6.2 code.

There tech. support is clueless about the problem. I am stumped. Literally been trying to figure this out for almost two weeks now.

I don't want to break away from the topic of this post, but you can now see the navigation bar isn't centered anymore using the 1.6.2 jQuery version. Besides the problem I am having with the slider, how would I reference two different versions of jQuery on the same site? The menu needs version 1.8.3 [ed. note: rockoman last edited this post 11 years, 5 months ago.]

I suggest you create a resource with no template, and try to see if a very simple slideshow script like this basic slider will work. The archive comes with a demo page, it should work by itself. So just copy it to the resource content, make sure the links are adjusted correctly, and it should work. Check the page source to make sure something else is not adding its own javascript. This comes with a link to jquery 1.7.2, but it works just as well with 1.8.3.

Thanks for the help. You were right. It was def. a jQuery conflict. For those wondering/having the same trouble, I had to fix the issue by first researching by buns off lol, (I hate being a newbie). Anyway, because I needed to include two different jQuery libraries, 1 for version 1.6 and 1.8, this is what needed to be done:

The older library has to be called first before the newer jQuery link. Right under the new jQuery call, you must declare a then you reference that variable in the newer jQuery script.

Once I did that, my LightBox jQuery wouldn't work (it requires 1.7), uggg. So to fix that I found a newer one (Fancy Box) which used jQuery 1.8. I really need to figure all this stuff out because that was a PITA!

Thanks for your help! [ed. note: rockoman last edited this post 11 years, 5 months ago.]

The trick is to always test your jQuery plugin in an otherwise plain page using the plugin's demo. Once you get it to work, or try another one if it doesn't work easily, start making changes to see if it works in your site environment, like using the latest jquery library. I won't give any plugin more than an hour. If I can't get it to work as I want in an hour, I go find another one.