Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1232540

    yes that is nice – but better would be if that alt attribute is transfered to the mfp-img too !

    #1233043

    Hey Guenter,

    Not sure if this is what you meant, but I extendend the lightbox script that when no title attribute exists (which currently leads to an empty title string in lightbox) it searches for the alt attribute and displays it instead.

    And for the fixed size I also copy the alt attribute to the a tag.

    Does that make sense?

    To check use 4.7.6.1 and replace

    enfold/js/avia-snippet-lightbox.js and
    enfold/config-templatebuilder/avia-shortcodes/av-helper-masonry.php

    with:

    https://github.com/KriesiMedia/enfold-library/blob/master/temp_fixes/Enfold_4_7_6_1/lightbox_fix/avia-snippet-lightbox.js
    https://github.com/KriesiMedia/enfold-library/blob/master/temp_fixes/Enfold_4_7_6_1/lightbox_fix/av-helper-masonry.php

    Best regards,
    Günter

    #1233172

    Hallo Günter – danke für deine Antwort und Mühe – ich muss mich jetzt da einarbeiten, was sich verändert hat.
    (Edit: also jetzt ist das alt attribut auch an dem anchor ( da wo lightbox-added klasse sitzt) )

    Was ich allerdings meinte war,
    Du hast ja jetzt den Wunsch realisiert bei fixed size Masonry das alt-Attribut an das div gemacht welches das Bild als Hintergrundbild hat ( div.av-masonry-image-container). Was sicherlich ungewöhnlich ist, aber viele wollten das ja so ( beim flexiblen Masonry haben wir ja Bilder und das sind die alt-Attribute gesetzt):

    beim Öffnen dann der lightbox wird das aber nicht an das Bild mfp-img übergeben. Dort wäre es aber auch sinnvoll oder?

    das müsste meiner Meinung nach in dem Script: jquery.magnific-popup.js stattfinden – die stelle wo das mfp-img sein alt erhält, ist ab 1304. Da wird aber nur das img für das alt herangezogen.
    img.alt = item.el.find('img').attr('alt');

    #1233188

    no – I thought I had found a solution for this, but it was not the right approach

    Edit : the approach was right – but trying to transfer the code to the minified version was bad:
    i added an else if to the code:

    var el = template.find('.mfp-img');
    if(el.length) {
    	var img = document.createElement('img');
    	img.className = 'mfp-img';
    	if(item.el && item.el.find('img').length) {
    		img.alt = item.el.find('img').attr('alt');
    	}
    	else if(item.el && item.el.find('.av-masonry-image-container').length) {
    		img.alt = item.el.find('.av-masonry-image-container').attr('alt');
    	}
    	item.img = $(img).on('load.mfploader', onLoadComplete).on('error.mfploader', onLoadError);
    	img.src = item.src;

    that works ( i used a different minifier on that ): https://webers-testseite.de/pureinstall/masonry-gallery/

    By the way: what kind of minifier do you use for enfold

    #1233209

    Hi,

    Hab eine Lösung ohne das Originalscript ändern zu müssen.

    Update die beiden oben angeführten Dateien.

    Lösung findest Du in avia-snippet-lightbox.js die beiden Funktionen:

    titleSrc
    markupParse

    a) Wenn kein titel vorhanden, dann wird mfp-title versucht mit alt zu befüllen
    b) mfp-img erhält jetzt das alt attribute jetzt auch bei Hintergrundbild, soferne vorhanden

    Best regards,
    Günter

    #1233212

    Vielen Lieben Dank für dein Bemühen, aber leider klappt es so nicht.

    Wobei ich nicht sehe, warum es so nicht geht.

    In meinem custom magnific popup script benutze ich nun auch den fakt , dass am item selbst immer das alt attribut sitzt. Das hattest du ja schon geändert. Deshalb kann man auch hier link bei allen Masonries das Alt-Attribute im Markup als Text sehen. Aber am lightbox image selber ist das Alt-Attribut nicht zu sehen.
    Damit ich ausschließen konnte, dass es an meinem Custom Script (Seitenspezifisch) liegt habe ich hier eine Seite wo das standard Enfold Verhalten ist: Link
    mit den Veränderungen oben von mir im jquery.magnific-popup.js war es sofort da.

    #1233222

    Hi,

    Am ersten Blick sehe ich, dass Du das js script im child theme lädst – und das ist nicht die Version von github (sondern eine alte Originalversion von Enfold).

    HTML markup ist korrekt mit title und alt.

    Im Parent theme ist die korrekte version von avia-snippet-lightbox.js – wenn diese geladen wird (und cache löschen) sollte es funktionieren.

    Da functions.php sehr gross, möchte ich da nichts ändern.

    Best regards,
    Günter

    #1233246

    ja Du hast recht – sorry dafür. Die habe ich übersehen, und im Standard Masonry auch fixed geht es jetzt.

    In meinem custom magnific script hatte ich titleSrc auf false gesetzt – was deiner Lösung den Gar ausmachte.
    Es ist aber so, dass die Kombination deiner beiden Austausch Dateien mit dem custom script so nicht dazu führt das alt am mfp-img zu haben.
    Ich für mich werde dann wohl beide lösungen anstreben müssen.

    Kann geschlossen werden –
    PS wird das im nächsten Update integriert?

    • This reply was modified 4 years, 4 months ago by Guenni007.
    #1233511

    Hi,

    Lösung wird ziemlich sicher Teil der nächsten Release werden.

    Einen schönen Tag noch.

    Best regards,
    Günter

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘4.7.6. – added: alt attribute to fixed size masonry background image container’ is closed to new replies.