title: IMG slideshow/gallery cycling AFTER filtering elements by class
body: <p>I'm still a JQuery novice and I have this simple slideshow/gallery code that works great, that I've used in a few web projects:</p>
  
  <pre><code>function f_slideShow(){
      var v_fadeTime = 600;
      var v_active = $("#divPFpics IMG.active");
      var v_next =  v_active.next().length ? v_active.next() : $("#divPFpics IMG:first");
  
      if (v_active.length == 0) 
          {
              v_active = $("#divPFpics IMG:last");
              v_active.addClass("last-active");
          }
  
      v_next.css({opacity: 0.0})
          .addClass("active")
          .animate({opacity:1.0}, v_fadeTime, function() {
              v_active.removeClass("active last-active");
      });
  }
  </code></pre>
  
  <p>My current project uses a long list of images that are categorized by CSS classes.  As it is now, this slideshow cycles through ALL my images.</p>
  
  <p>My question:
  How and where do I put a .filter() method so that this code cycles through ONLY the images containing the chosen CSS class?  I've gotten everything else working in the gallery and this is killing me so I'm finally turning to Stackoverflow.  Thanks all!</p>