jQuery Funktion mit Black- und Whitelist (Schleife)

[147852369]

Hallo Forum,

ich habe versucht, mir etwas zusammen zu basteln, womit ich alle Bilder der Website automatisch mit einer Lightbox verknüpfen lassen kann.
Dies funktioniert.

Allerdings würde ich das gerne auf einzelne Klassen beschränken und auch welche ausschließen...

Ich weiß nicht genau, wie die Syntax auszusehen hat.

Ich bräuchte im Prinzip nur eine White- und auch eine Blacklist (Array?) und nach dieser Abfrage soll eben <img> mit dem entsprechenden <a id="lightbox"> verknüpft werden oder auch nicht.

Kann jemand helfen?

So sieht es bisher aus...

 <script type="text/javascript">
  if ( $(".item-page")[0] || $(".blog")[0]  ){
    $(function ()
    {
      $("#main").ready(function ()
      {
        $('img').each(function ()
        {
          var currImg = $(this);  // cache the selector
              
          var cyImgTitle   = (typeof currImg.attr("title") == 'undefined') ? "" : currImg.attr("title");
          var cyImgAlt  = (typeof currImg.attr("alt") == 'undefined') ? "" : currImg.attr("alt");
      
          currImg.wrap("<a class='jcepopup' rel='title[" +  cyImgTitle + "];caption[" +  cyImgTitle + "::" + cyImgAlt + "] type='image' href='" + currImg.attr("src") + "' target='_blank' />");
          });
      });
    });
  }
  </script>

 

[Tronjer]

Ich würde die Bilder in ein Array schreiben und eine for Schleife verwenden.

var whiteList = [...];

for (i = 0; i < whiteList.length; i++) {
   //tu was mit whiteList[i]:
}