Hallo Zusammen,
ich arbeite an einer Seite bei welcher die Elementor Hintergundbilder einer Section per Klick auf einen Button in einer Lightbox aufgehen sollen.
Ich habe in meinem Child-Template ein kleines Script hinzugefügt welches bei Klick auf den Button die übergeordnete section sucht und das dort hinterlegte Hintergrundbild in einer Lightbox öffnen soll.
Aber wie kann ich das image jetzt vom js in einer Lightbox öffnen? Im Idealfall natürlich von der im Wordpress aktuell definierten.
Kann mir hier jemand einen Hinweis geben oder hat einen besseren Ansatz?
Mein Script:
```
jQuery(document).ready(function($) {
$(".show-section-image-button").click(function() {
var section = this.closest("section");
var backgrounImageUrl = window.getComputedStyle(section, false).backgroundImage;
var cleanBackgroundImageUrl = backgrounImageUrl.replaceAll("url(\"", "").replaceAll("\")", "");
if(cleanBackgroundImageUrl.match(/\.(jpeg|jpg|gif|png)$/) != null) {
console.log("Lightbox for image at " + cleanBackgroundImageUrl);
// How to open a lightbox here?
}
return false;
});
});
```