Hello Markoni22,

I should point out that the image sources in the HTML you posted are probably wrong - they're the same as they are on the mocha.mojoskins.com site (I.E., src="/Data/Sites/20/skins/i7media-template2/images/Cafe_Latte.jpg").

You'll need to change them to match the path for your site. A normal path for a single-site installation running the Mocha skin would be like this: src="/Data/Sites/1/skins/i7MEDIA-Mocha/images/Cafe_Latte.jpg"

Also, if you contact i7MEDIA directly, we may be able to offer to some better assistance. You can submit a request for help from this link: http://mocha.mojoskins.com/request-help.aspx

Hope this helps,
-Isaac

If clicking the links brings you to the next slide, then the jQuery is initializing, which means something is stopping it from sliding on interval.

I can think of two things that might cause this:

1. The slider is set up to pause on hover, so if the element that is containing the slide was somehow covering the whole screen, that would cause the slider to stop.
2. If you've changed your site to use a different version of the jQuery UI than Mocha was designed to use, it might break the slider. Mocha was set up to run jQuery UI version 1.8.16. If you've set up the site with 1.9.0 or higher it would require a change in the way the function is called. If this is the case, tell me and I will send you instructions on how to fix the slider to work with the new version.

I'll let you know if I have any more ideas. Being able to look at the site in question would help a lot, can you give me a link to the page that you have your slider on?

Thanks,
-Isaac

If you've already got the 1.9.0+ UI CSS installed from a themeroller, follow these instructions.

1. Download this file from github: https://github.com/cmcculloh/jQuery-UI-Tabs-Rotate/blob/master/jquery-ui-tabs-rotate.js
2. Copy the file into the "scripts" folder in the Mocha skin folder on your server. (data/sites/[site-number]/skins/i7MEDIA-Mocha/scripts)
3. Open your layout.master. Scroll to line 18. Create a new line under 18 and paste the following:<portal:SkinFolderScript ID="sfs3" runat="server" ScriptFileName="scripts/jquery-ui-tabs-rotate.js" AddToCombinedScript="true" />
4. Make sure you have "AssumejQueryUiIsLoaded="true" on your ScriptLoader on line 24.
5. Open the "script.js" file inside the scripts folder.
6. Select the content from lines 56-68 and replace it with the following:
   // For the Content Slider
   $("#contentslider").tabs().tabs("rotate", 5000, true);
   $("#contentslider .slidercontainer").hover(
   function() {
   $("#contentslider").tabs().tabs("rotate", 0, true);
   }, function() {
   $("#contentslider").tabs().tabs("rotate", 5000, true);
   }
   );

If you don't have a new UI theme installed that uses v1.9.0+, please change back to using the default UI version that mojoPortal loads, because the UI theme in Mocha is not compatible with the new version of the UI either.

Because of the changes in the new jQuery UI version, I may rewrite the Mocha Slider in the newest version of the skin that we'll be releasing soon, and set it up to use a custom script so that compatibility with the new version of the UI isn't a problem.

Let me know if you still have trouble after following these instructions.

Hope this helps,
-Isaac

The Mocha skin was designed to use the older version. We'll release an update soon that will make it work for the new version too, but until then you should leave it at 1.8.16.

Both the slider and the UI Theme require the older version, so unless you're adding your own UI theme that uses the new features of version 1.9.0, there's no reason to update just yet.