slide show on my mac jumps around

I am using a Wordpress plugin called Soliloquy as an image slider on my site at http://my-weaver.com. On the hosted site the slider looks perfect. However on my iMac running Mavericks, when the slide transitions to the next one, the image moves slightly out of place and then moves back on each transition. It is very annoying to watch and i can't figure out why it happens only on my local machine, but not on the hosted server.

Any ideas?

Thanks
Mark
karnac2020Asked:
Who is Participating?
 
Eoin OSullivanConnect With a Mentor ConsultantCommented:
No .. should be ok on other browsers
0
 
Jason C. LevineNo oneCommented:
If it only occurs in the local environment, is it really a problem?
0
 
karnac2020Author Commented:
Hi Jason,

I would like it to run properly so I am confident that it will look right when hosted. I have tried using the same images with two other sliders (meteor slides and flex slider) and they both run perfectly on my local machine. That is why I suspect it has something to do with Soliloquy running on a Mavericks-based Mac.
0
Get expert help—faster!

Need expert help—fast? Use the Help Bell for personalized assistance getting answers to your important questions.

 
Eoin OSullivanConsultantCommented:
It could be a cached CSS file or Javascript file on your local instance.

I assume it is the same web browser viewing the 2 versions?

Try deleting the cache of the localhost instance and see does that resolve it .. check for errors of missing javascript files on the local instance too.

Use the Developer tools in Firefox, Chrome or Safari to see if there are any errors or warnings
0
 
karnac2020Author Commented:
hi eoinosullivan,

Thanks for you comments. I have used Firebug to see if anything looked unusual, and it didn't.

I have restarted the machine - does that clear out the cache?

Because if it does, I still see the same problem after rebooting.

Mark
0
 
Eoin OSullivanConsultantCommented:
Rebooting does not clear the cache .. and I can replicate the problem on your LIVE website in Firefox too whereas it does not appear in Chrome or Safari.

In firefox the DIV that encloses the slider is showing a scrollbar after each slide displays .. there are a few ways of solving it ... but personally I just stuck an overflow:hidden; style into the enclosing DIV

<div id="soliloquy-container-153" class="soliloquy-container soliloquy-fade" style="max-width: 960px; max-height: 350px; overflow:hidden;">
0
 
karnac2020Author Commented:
Eion,
That is interesting because when I view the live site with Firefox on my Mavericks Mac, I do NOT see the slides jump around. Are using FF on a Mac or windows?
Mark
0
 
Eoin OSullivanConsultantCommented:
Firefox 26.0 on OSX Mavericks 10.9

Definitely a CSS issue with firefox .. if you edit the code as I indicated you should eliminate the problem
0
 
karnac2020Author Commented:
Eion,

I added that CSS to my theme stylesheet, but it made no difference.

I have another mac and when I run the same site locally on it - there is no problem.

So I am thinking there must be something funny going on with (this) iMac, except that I have no idea how to find out what.

I have cleared the cache in firefox and I have tried to local site under chrome and safari. It exhibited the same problem there.

mark
0
 
Eoin OSullivanConsultantCommented:
What CSS did you add?

#soliloquy-container-153.soliloquy-container.soliloquy-fade {
    overflow:hidden!important;
}

Open in new window

0
 
karnac2020Author Commented:
Hi Eoin,

I put an extra space in and now it's grand.

Will that cause any problems when using Chrome or Safari?

Thanks
Mark
0
 
karnac2020Author Commented:
Eion was excellent!
0
 
karnac2020Author Commented:
Eion,

I don't know if you are working full time for a company, but would you be interested in doing a website building job for me?

Mark

karnac2020@fourway.net
0
 
Eoin OSullivanConsultantCommented:
Sorry Mrak .. too busy

Eoin
0
 
karnac2020Author Commented:
OK Eoin,

Thanks for getting back to me.

Mark
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.