title: Image Slider - How to change the order of the images
body: <p>I am using a Fullscreen background image slider in my Wordpress theme. </p>
  
  <p>Now the problem is that I do not have any control over the order on which the images are loaded. When I remove the images and upload them again(via wordpress), the order is different. When I upload them all at once, it orders them alphabetically. When I upload them one by one, the order is random.</p>
  
  <p>As you can see in the slider settings below - Random is disabled</p>
  
  <p>Here is the script that controls the slider:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  jQuery(function($){
      jQuery.supersized({
  
          // Functionality
          slideshow               :   1,          // Slideshow on/off
          autoplay                :   1,          // Slideshow starts playing automatically
          start_slide             :   1,          // Start slide (0 is random)
          image_path              :   '&lt;?php echo get_template_directory_uri(); ?&gt;/images/supersized/',
          stop_loop               :   &lt;?php echo $slideshow_pause_on_last; ?&gt;,            // Pauses slideshow on last slide
          random                  :   0,          // Randomize slide order (Ignores start slide)
          slide_interval          :   &lt;?php echo $slideshow_interval; ?&gt;,     // Length between transitions
          transition              :   &lt;?php echo $slideshow_transition; ?&gt;,           // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
          transition_speed        :   &lt;?php echo $slideshow_transition_speed; ?&gt;,     // Speed of transition
          new_window              :   0,          // Image links open in new window/tab
          pause_hover             :   &lt;?php echo $slideshow_pause_hover; ?&gt;,          // Pause slideshow on hover
          keyboard_nav            :   1,          // Keyboard navigation on/off
          performance             :   2,          // 0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
          image_protect           :   1,          // Disables image dragging and right click with Javascript
  
          // Size &amp; Position                         
          min_width               :   0,          // Min width allowed (in pixels)
          min_height              :   0,          // Min height allowed (in pixels)
          vertical_center         :   &lt;?php echo $slideshow_vertical_center; ?&gt;,          // Vertically center background
          horizontal_center       :   &lt;?php echo $slideshow_horizontal_center; ?&gt;,            // Horizontally center background
          fit_always              :   &lt;?php echo $slideshow_fit_always; ?&gt;,           // Image will never exceed browser width or height (Ignores min. dimensions)
          fit_portrait            :   &lt;?php echo $slideshow_portrait; ?&gt;,         // Portrait images will not exceed browser height
          fit_landscape           :   &lt;?php echo $slideshow_landscape; ?&gt;,            // Landscape images will not exceed browser width
  
          // Components                           
          slide_links             :   'blank',    // Individual links for each slide (Options: false, 'number', 'name', 'blank')
          thumb_links             :   1,          // Individual thumb links for each slide
          thumbnail_navigation    :   0,          // Thumbnail navigation
          slides                  :   [           // Slideshow Images
  
  
  &lt;?php 
  // Don't Populate list if no Featured page is set
  $bg_slideshow = of_get_option ('general_bgslideshow');
  
  if ($bg_choice=="Image Attachments Slideshow") { $bg_slideshow = $post-&gt;ID; }
  if ($bg_choice=="Fullscreen Post Slideshow" ) { $bg_slideshow = $fullscreen_slideshowpost; }
  
  if ( $bg_slideshow &lt;&gt;"" ) {
  
      // Grab all image attachements from the featured page
      $images =&amp; get_children( array( 
                                  'post_parent' =&gt; $bg_slideshow,
                                  'post_status' =&gt; 'inherit',
                                  'post_type' =&gt; 'attachment',
                                  'post_mime_type' =&gt; 'image',
                                  'order' =&gt; 'ASC',
                                  'numberposts' =&gt; $thelimit,
                                  'orderby' =&gt; 'menu_order' )
                                  );
  
      // Loop through the images
      foreach ( $images as $id =&gt; $image ) {
          $attatchmentID = $image-&gt;ID;
          $imagearray = wp_get_attachment_image_src( $attatchmentID , 'full', false);
          $imageURI = $imagearray[0];
          $imageID = get_post($attatchmentID);
          $imageTitle = apply_filters('the_title',$image-&gt;post_title);
          $imageDesc = apply_filters('the_title',$image-&gt;post_content);
          $postlink = get_permalink($image-&gt;post_parent);
          // If linking is On
          if ($featured_linked == 1 || $featured_linked == true) {
              $attatchmentURL = get_attachment_link($image-&gt;ID);
          }
          // Count
          $count++;
          if ($count&gt;1) { echo ","; }
  
          $slideshow_title="";
          $slideshow_caption="";
  
          if ($imageTitle) $slideshow_title='&lt;div class="slideshow_title"&gt;'.$imageTitle.'&lt;/div&gt;';
          if ($imageDesc) $slideshow_caption='&lt;div class="slideshow_caption"&gt;'.$imageDesc.'&lt;/div&gt;';
  
          echo "{image : '".$imageURI."', title : '". $slideshow_title . $slideshow_caption . "', url : ''}";
      }
  
  // If Ends here for the Featured Page
  }
  ?&gt;
          ],
          progress_bar            :   1,          // Timer for each slide                         
          mouse_scrub             :   1
      });
  });
  &lt;/script&gt; 
  </code></pre>
  
  <p>I want to have some control over the order  - Anything but Random. How do I do that/What do I change in the script?</p>
  
  <p>The theme that uses the slider - <a href="http://www.imaginemthemes.com/themes/?theme=RSW" rel="nofollow">http://www.imaginemthemes.com/themes/?theme=RSW</a></p>
  
  <p>Thank you!</p>