-
AuthorPosts
-
July 23, 2020 at 10:08 am #1232540
yes that is nice – but better would be if that alt attribute is transfered to the mfp-img too !
July 24, 2020 at 4:50 pm #1233043Hey 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.phpwith:
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.phpBest regards,
GünterJuly 25, 2020 at 11:15 am #1233172Hallo 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');
July 25, 2020 at 11:54 am #1233188no – 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
July 25, 2020 at 3:38 pm #1233209Hi,
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
markupParsea) 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 vorhandenBest regards,
GünterJuly 25, 2020 at 4:29 pm #1233212Vielen 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.July 25, 2020 at 5:21 pm #1233222Hi,
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ünterJuly 25, 2020 at 11:41 pm #1233246ja 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.
July 27, 2020 at 12:58 pm #1233511 -
AuthorPosts
- The topic ‘4.7.6. – added: alt attribute to fixed size masonry background image container’ is closed to new replies.