Skript JQuery Gallery, übergeben Sie die CSS-Klasse als Parameter einer Funktion

Question

Hallo, ich bin neu in Javascript/Programmierung und ich kann keine vernünftige Lösung für ein Skript finden, die für die Bereitstellung von Parametern zu jeder Fotogalerie verantwortlich ist. Das Skript funktioniert gut, aber wie ich geschrieben habe, denke ich, dass es vereinfacht werden kann, um keine Parameter zu wiederholen. Es gibt nur einen Parameter (den Klassenselektor), der sich von jedem Galerie-Skript ändert.

$(document).ready(function() { 
     $('.popup-gallery-wakipo').magnificPopup({ // HERE THE CLASS SELECTOR 
     delegate: 'a.gallery_portf', 
     type: 'image', 
     tLoading: 'Loading image #%curr%...', 
     mainClass: 'mfp-img-mobile', 
     gallery: { 
      enabled: true, 
      navigateByImgClick: true, 
      preload: [0,1] 
     }, 
     image: { 
      tError: '', 
      titleSrc: function(item) { 
      return item.el.attr('title') + ''; 
      } 
     } 
     }); 


     $('.popup-gallery-instacash').magnificPopup({ // HERE THE CLASS SELECTOR 
     delegate: 'a.gallery_portf', 
     type: 'image', 
     tLoading: 'Loading image #%curr%...', 
     mainClass: 'mfp-img-mobile', 
     gallery: { 
      enabled: true, 
      navigateByImgClick: true, 
      preload: [0,1] 
     }, 
     image: { 
      tError: '', 
      titleSrc: function(item) { 
      return item.el.attr('title') + ''; 
      } 
     } 
     }); 

etc ...

So ist die Frage, wie dieses Skript modularisieren nur für diese Klasse Wähler als Parameter übergeben. Vielleicht mit einem Objekt Construtor/Methode, habe ich versucht, aber ich habe es verloren

funktioniert diese

function Gallery (theclass){ 

    $('.' + theclass).magnificPopup({ 
     delegate: 'a.gallery_portf', 
     type: 'image', 
     tLoading: 'Loading image #%curr%...', 
     mainClass: 'mfp-img-mobile', 
     gallery: { 
     enabled: true, 
     navigateByImgClick: true, 
     preload: [0,1] 
     }, 
     image: { 
     tError: '', 
     titleSrc: function(item) { 
      return item.el.attr('title') + ''; 

     } 
     } 
    }); 

    } 

    var mySecondGallery = new Gallery("popup-gallery-wakipo"); 

    mySecondGallery(); 

Answer 1

Versuchen:

function gallery(class) { 
    return $("." + class).magnificentPopup({ 
    ... 
    }); 
} 
var mySecondGallery = gallery("popup-gallery-wakipo"); 

Sie dann Zugriff auf das jQuery-Objekt haben.