Hot Effect Roator Image Load issue on Firefox, etc

Hot Effects Rotator does not load images properly on the following browsers: Chrome, Firefox, Opera and Safari.
When you browse to the site ( planethop.com )
- First image shows up briefly and then disappear.
- Then after a while the first image shows up.
- Images that have descriptions don't show up - just the description shows up, no image.
- Cycles through 2 pictures out of 9 only.
- Pictures get stuck for a long time, while it still cycles through the descriptions, so pictures and descriptions become out of sync.

I tried the CSS fixes suggested in this forum in my template.css file - but none of them worked.

Works fine on IE and Avant Broswers.

try this:

put this at the end of template_css.css:

#slider img{
display:none;
}

I added the code and it did not work.

My template is called:
template.css

/home/planetho/public_html/templates/PlanetHop_Template_1/css/template.css


Site:
planethop.com

Turn off jQuery of component that has this link:

planethop.com/components/com_comprofiler ..

,then turn off jQuery of component that has this link:

planethop.com/modules/mod_swmenupro ..

,then turn off jQuery in Effects rotator

at the end

i think this is in your index.php of template :

<script type="text/javascript" src=" ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js ">

replae it with this:


<script type="text/javascript" src=" ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js ">