ApoorvSaxena / ApoorvSaxena/lozad.js

enableAutoReload for background images

Ouverte
#272 2 commentaires 0 réactions 0 personnes assignées Voir sur GitHub
Langage dominant
JavaScript
Étoiles
7.5k
Forks
435
Métriques de merge des PR
Aucune PR mergée en 30 j

Description

I am not able to get my images reloaded, enabling the parameter `enableAutoReload `, while using the `data-background-image` to provide the image source.

## Expected Behavior
The background image should be updated for the observed element.

## Current Behavior
The element keeps with the same background image, and the observer is not triggering the update.

## Steps to Reproduce (for bugs)
Following are the relevant parts of the component I am working on:
TEMPLATE:
```

```
SCRIPT:
```
props: {
src: {
type: String,
required: true,
},
mounted() {
this.observer = lozad('.lozad', { enableAutoReload: true })
this.observer.observe()
},
```

## Context
I am trying to build a gallery for a hybrid application with Nuxt (Vue), in which I have an album selector. When I change that selector, the images should change to the ones stored in the new album selected.

## Tested on:
* Browser Name and version: **Google Chrome Version 92.0.4515.131 (Official Build) (64-bit)**
* Operating System and version (desktop or mobile): **Windows 10 Home Version 20H2**
* Framework & Version: **Vue 2.6.14**

Guide de contribution

Ouvrir le guide de contribution

Évaluation

Cette issue n'a pas encore été évaluée.

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.