I just needed to fade the images in swiper to highlight the text over the images in my case this are hotels with images and the information is on the images but the problem that the font get lost in the background image… so I wonder if F7 has a way to set the data-background with linear gradient so I can put any text in swiper over the image and can be read easily…
I had to modify the framework7.js line 26712 and add this code line to do this:
$imageEl.css(‘background-image’, (“url(”" + background + “”)"));
$imageEl.css(‘background-image’, (“linear-gradient(rgba(0, 0, 0, 0.3),rgba(0, 0, 0, 0.3)),url(”" + background + “”)"));
it will be nice that swiper in framework7 can has some extra attributes to do this from the html code like:
data-background=“imagepath/image.jpg” data-linear-gradient=“true” data-linear-opacity=“0.7”
Thanks Vladimir if you consider it!!!