Quantcast
Channel: Adobe Community: Message List
Viewing all articles
Browse latest Browse all 92889

Re: Slide Show not working

$
0
0

Hey again--

 

It looks like your Nivo slider might not work with the latest jQuery library which you are using on your site.  Typically, jQuery deprecates some features/methods in newer versions and some javascript libraries like the Nivo slider don't update their scripts.  In this case, Nivo is trying to use the .live() jQuery method which was deprecated (but you can still use it) up through jQuery 1.8.3. In jQuery 1.9 and above it's completely removed from the library so any script using that method will fail. 

 

Right now you are using the latest jquery version (1.10.2) by referencing:

 

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

 

in your page templates.  This might not be a good idea.  By referencing that file you'll always be using the latest stable version but jQuery will also be updating that file on it's own to the latest version for you so your jQuery version will change when they change that file.  I'd stick to a specific version all the time and not reference the "latest" jQuery like you are using.  And, as I said, you can't use any jQuery library over 1.9 since it won't have the .live() method that Nivo requiers so you can probably safely switch to jQuery 1.8.3 which is still pretty current and will work with the Nivo slider.  Update the "jquery-latest.min.js" reference to:

 

<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>

 

Word of note-- keep an eye out for other scripts that might break. Most jQuery dependant scripts will likely work with v1.8.3 but you can't be sure so replace your jQuery library like I describe and then make sure nothing else is broken on the site.

 

Also-- side note-- you've got some 404 (file not found) errors coming up on your site which slows page load as the browser tries to load those files and they don't exist.  The files in question are:

 

/nivo-slider/themes/orman/orman.css

/nivo-slider/themes/pascal/pascal.css

/StyleSheets/images/loading.gif

 

You've got references to the .CSS files in your page templates' HEAD element so either remove these references so there's no 404 errors for them or upload them to your site.  The loading.gif image is likely being called by the nivo slider so upload a loading.gif file to the /StyleSheets/images/ folder.  You can use the one from the Nivo library or grab your own from a site like http://ajaxload.info

 

In the future, you can easily see if there are javascript errors or 404 errors for images, css or javascript assets by using the javascript console in Chrome's developer tools.  You should be using Chrome to view/test your websites in the first place (you probably are) and you can just use these shortcuts to launch the javascript console:

 

Ctrl + Shift + JCmd + Opt + J

Good luck. Sites coming along nicely.


Viewing all articles
Browse latest Browse all 92889

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>