terrymun/Fluidbox

Dynamic blur overlay image?

Closed this issue · 1 comments

partitect commented

how can i add dynamic blur overlay image
` $(".ddda a").on('openstart.fluidbox', function () {

        var bakimg = $(this).attr("href");
        $(".overlay-3 .fluidbox__overlay:before").css("background-image", "url(" + bakimg + "))!important")
    });`

this not work :(

terrymun commented

Unfortunately JS do not have access to pseudo-elements, because they are not part of the DOM. Therefore you will have to declare it from within a stylesheet, by either doing so in your CSS, or using JS to inject a <style> element in your document.

  • 👍1