Hello,

I am trying to set a background image using Background Images Formatter (https://www.drupal.org/project/bg_image_formatter) and Slick in Views. I have set the Image field format to "Background Image" and the Selector(s) value to ".slide". The background image appears in the back-end Views preview, but is non-existent in the front-end. Any tips on how I can make this work?

I know there is another option with setting the formatter to Blazy and then using the "Use CSS background" option, but this results in a slightly extended Blazy blue square loading icon when the slider is viewed on the front-end... it loads too long to be a viable option on the live site.

Comments

hockey2112 created an issue. See original summary.

gausarts’s picture

gausarts commented

Two options:

If using plain non-media image , with Blazy CSS bg at Slick optionset form, try Lazy load option:
- empty (if respected)
- progressive
- anticipated

Best for above-fold. Anything other than blazy and ondemand which loads more on demand, best for below fold or massive.

If using media, try "Image rendered by its formatter" under "Media switcher", and select whatever expected image formatter based on view mode to avoid global override. Be sure to assign the formatter at its view mode.

Let me know which works best.

UPDATE: Responsive image is not supported by non-blazy.

gausarts’s picture

gausarts commented
Status: Active » Fixed

A friendly housekeeping before a new release.

Feel free to re-open if still an issue. Thanks.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.