Image slider file 'featured.php' is not automatically sliding images (but works in local server)
<p>I edited the Image slider file featured.php to retrieve the image files from some local folder instead of media gallery (and/or posts). It <strong>works perfectly on local server</strong>. But when I upload it to the site it showed up but stopped animating (sliding automatically). However, slides change when the control buttons are clicked. I tried to put back the original featured.php and looked if it works, but it didn't. I went through all the code and related scripts but can't understand the problem. Is it a javascript problem? Any ideas?</p>

<p>(Let me add some details)
it comes with a theme called "ElegantEstate". The original file looks like this:</p>

<pre><code>    &lt;!-- Start Featured --&gt; 
&lt;div id=featured&gt;

    &lt;?php global $ids;
    $ids = array();
    $arr = array();
    $i=1;

    $width = 954;
    $height = 289;
    $width_small = 49;
    $height_small = 49;

    $featured_cat = get_option('elegantestate_feat_cat'); 
    $featured_num = get_option('elegantestate_featured_num'); 

    query_posts("showposts=$featured_num&amp;cat=".get_catId());


    while (have_posts()) : the_post();
        global $post;   
        $arr[$i]["title"] = truncate_title(20,false);
        $arr[$i]["fulltitle"] = truncate_title(250,false);

        $arr[$i]["excerpt"] = truncate_post(320,false);

        $arr[$i]["permalink"] = get_permalink();

        $arr[$i]["thumbnail"] = get_thumbnail($width,$height,'',$arr[$i]["fulltitle"],$arr[$i]["fulltitle"],false,'featured_image');
        $arr[$i]["thumb"] = $arr[$i]["thumbnail"]["thumb"];
        $arr[$i]["thumbnail_small"] = get_thumbnail($width_small,$height_small,'',$arr[$i]["fulltitle"],$arr[$i]["fulltitle"]);
        $arr[$i]["thumb_small"] = $arr[$i]["thumbnail_small"]["thumb"];

        $arr[$i]["use_timthumb"] = $arr[$i]["thumbnail"]["use_timthumb"];

        $custom = get_post_custom($post-&gt;ID);
        $arr[$i]["price"] = isset($custom["price"][0]) ? $custom["price"][0] : '';

        $i++;
        $ids[]= $post-&gt;ID;
    endwhile; wp_reset_query(); ?&gt;

&lt;div id="slides"&gt;
        &lt;?php for ($i = 1; $i &lt;= $featured_num; $i++) { ?&gt;
            &lt;?php if ($arr[$i]["title"] == '') break; ?&gt;
            &lt;div class="slide"&gt;
                &lt;?php print_thumbnail($arr[$i]["thumb"], $arr[$i]["use_timthumb"], $arr[$i]["fulltitle"] ,$width, $height); ?&gt;
                &lt;div class="overlay"&gt;&lt;/div&gt; 
            &lt;/div&gt; &lt;!-- end .slide --&gt;



        &lt;?php }; ?&gt; 
    &lt;/div&gt; &lt;!-- end #slides --&gt; 


    &lt;div id="controllers"&gt;
        &lt;a href="#" id="left-arrow"&gt;&lt;?php _e('Previous','ElegantEstate');?&gt;&lt;/a&gt; 

        &lt;?php for ($i = 1; $i &lt;= $featured_num; $i++) { ?&gt;
            &lt;?php if ($arr[$i]["title"] == '') break; ?&gt;
            &lt;a href="#" class="smallthumb&lt;?php if ($i==1) echo(' active'); if ($i == $featured_num) echo(' last'); ?&gt;"&gt;
                &lt;?php print_thumbnail($arr[$i]["thumb_small"], $arr[$i]["use_timthumb"], $arr[$i]["fulltitle"] ,$width_small,$height_small); ?&gt;
            &lt;/a&gt;
        &lt;?php }; ?&gt;

        &lt;a href="#" id="right-arrow"&gt;&lt;?php _e('Next','ElegantEstate');?&gt;&lt;/a&gt;
        &lt;span id="active-arrow"&gt;&lt;/span&gt;
    &lt;/div&gt; &lt;!-- end #controllers --&gt;
&lt;/div&gt; 
&lt;!-- End Featured --&gt;
</code></pre>

<p>And it is included in the theme's home.php file. You can see it at <a href="http://www.addiscityservices.com/" rel="nofollow">http://www.addiscityservices.com/</a>. The control buttons work but the auto sliding is off. Don't know why.</p>
