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:
I am trying to use linear gradient opacity only over the image with lazy loading in swiper so the text over the slide can have more contrast and can be read easily!
I think i do not need a live sample to show it so here I posted the images!! and the difference with css it is not possible to do this since the f7 overwrite the data-background argument to display after background-image only and using the lazy loading now it works perfect but I had to modify this line of f7 .js
Any other ideas let me know but I guess it will be good to have more options to control the images style inside the slides in swiper
also with this linear gradient style the font is not affected by the opacity and only applied to the image so i do not need to create an overlay to do this anymore… very useful i think…