Lazy Load Large (src) image Only when Gallery Opened / thumbs clicked? about vue-image-lightbox

[khaughton]

.. solved this with the following (used my own solution for thumb display) and only open lightbox if an image clicked, seems to only load thumbs until one is clicked.

      <li class="thumb-li" v-for="(image, index) in images" >
          <div :class="'photo-thumb'" :style="{ backgroundImage: 'url(' + image.thumb + ')' }" 
          @click="openGallery(index)">
          </div>```

.. and openGallery same as before (so I am just skipping the lazy load in the initial v-for).

[jasonbronson]

@khaughton can you show what is in the openGallery() call?

[khaughton]

oh yes, forgot to include that thanks ...

	    openGallery(index) {
 			this.$refs.lightbox.showImage(index);
		},

and again the block of code that has the lightbox (i fill .src, .thumb, caption);

...
v-for="(image, index) in images" >
<div v-lazy:background-image="image.src" :class="'lazy-thumb'" @click="openGallery(index)">

...

[khaughton]

... any opinions to lazy loading large images only on gallery open ...