Image Carousel Not Working

There are a few things going wrong here...

1. Your "#slider" element doesn't exist which you are calling the easyslider() plugin on-- currently your slider is in an element "#slider-page" so you should probably change that element to have an id of "slider" instead of "slider-page".

2. You are calling multiple versions of jquery. In your original site you are just using jquery 1.4 but in your test page you are using both 1.4 and 1.8.3 and furthermore, you are including the 1.8.3 version of jquery at the beginning of the BODY element instead of in the HEAD element.  You should only be using one jquery library instead of two and you might as well consider using 1.8.3 instead of 1.4 but just be wary that 1.8.3 might not work with your easy slider plugin if the plugin is old and uses jquery methods that are deprecated and removed from more current versions.

Try this... find this markup in your page template's HEAD element:

<script type="text/javascript" src="/js/jquery-1.4.min.js"></script>

And replace it with:

<script type="text/javascript" src="/js/jquery-1.8.3.min.js"></script>

<script type="text/javascript">var _visitorDeviceClass = "{system_visitorDeviceClass}";</script>

<script type="text/javascript" src="/js/jquery.main.js"></script>

Then, find the above code references and delete them from the beginning of the BODY element after you've moved them up into the HEAD element in the previous step (replacing jquery 1.4).

See if that works.

You can hide it via CSS.  At the end of your "all.css" file add this:

#slider #prevBtn, #slider #nextBtn { display: none; }