Fancybox "Titel" -Einstellungen (außen/innen, null, oben, ...) + Tipps und Tricks

Question

Ich benutze Fancybox (3 Beta), und Titeleinstellungen ändern nichts, aber andere Einstellungen funktioniert für andere Attribute (Daumen, Overlayfarbe, ..).

<script type="text/javascript"> 
    jQuery(function ($){ 
     $(document).ready(function(){ 
      $(".fancybox-thumbs").fancybox({ 
       padding: 0, 
       margin: 10, 
       closeBtn : true, 
       helpers : 
        {  
         title: { 
          position: 'top', 
           }, 
         thumbs: 
          { 
          width : 40, 
          height : 40, 
          } 
         }, 
       beforeShow : function() { 
         var alt = this.element.find('img').attr('alt'); 
         this.inner.find('img').attr('alt', alt); 
         this.title = alt; 
        }, 
      }); 
     }); 
    }); 
</script> 

Ich habe auch versucht, „alt“ -Attribut von Bildern als Titel für Link zu setzen, aber es funktioniert nicht bei allen. (Aber ich bin nicht sicher, ob es der richtige Ort ist, um die Funktion zu schreiben)

Test page

Answer 1

Die Spitzen für Fancybox 3 arbeiten nicht gleich. Hier ist eine, um das Alt-Attribut aus dem Bild zu erhalten.

$(".fancybox").fancybox({ 
beforeLoad : function() { 
    this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : ''); 

    /* 
     "this.element" refers to current element, so you can, for example, use the "alt" attribute of the image to store the title: 
     this.title = $(this.element).find('img').attr('alt'); 
    */ 
} 
}); 

Von https://libraries.io/npm/fancybox/3.0.0