Wordpress - Loop with slider (slider not loading)
===

In my slider.php I have a loop that calls for a custom post type. That custom post type has a meta box for a slide url (link/title/etc). I can see the loop and everything else is working because in the source code it shows the corrent url from the meta box. But it will NOT load the slider. But lets say I drop a direct path to an image OUTSIDE the loop, the slider will work/load, and it will load the dynamic image from the metabox(as the second slide). 

It seems, and I know this is wrong, but its almost as if the image from the metabox is being loaded after the script for the slides. So it will not see that an image exists and will not execute the js code for slides. 

My head has the correct js function.

My meta box and post type are wokring and saving. 

My home template which has include 'slider.php'. (below)

    <div id="slides_wrap">
      <div id="slides_frame"> <!-- frame -->
        <div id="slides">

          <?php include 'slider.php'; ?>

          <!-- pagination things -->
        </div>
      </div> <!-- frame -->
    </div> <!-- slides wrap & shadow-->

My slider.php which has 
 
    <!-- start slider -->
    <?php $args = array( 'post_type' => 'home_slider', 'posts_per_page' => 10 ); ?>
    <?php $loop = new WP_Query( $args ); ?>
  
    <div class="slides_container">
      <?php // query the "slider" custom post type and import its posts into the slider ?>
      <?php while ( $loop->have_posts() ) : $loop->the_post(); ?>
      
      <?php $slide_img_src = smc_get_the_slide_img_source(); ?>
      
        <a href="#" title="Dum Slider 1" target="_blank"><img src="<?php echo $slide_img_src; ?>" class="max-image" width="" height="" alt="Slide 1"></a>
          
      <?php endwhile; ?>

    <!-- if i add this below the slider will work and use this image below first (then load the loop???)
    <a href="#" title="#" target="_blank"><img src="http://smc-collective.com/okay/images/sliders/dum_slide_2.png" class="max-image" width="" height="" alt="Slide 1"></a> -->

    </div>
    <!-- end slider -->

The slide.js file (the functions for slides) is also loading (obviously), and is being en-queued in the footer.

Im racking my brain, and php is NOT my strong point. I feel like I just cant figure it out, or what to even search for. Thanks in advanced.  