Browse Source

Add `Thumbs.tpl` option

pull/188/merge
Jānis Skarnelis 2 years ago
parent
commit
a78e98ae7a
  1. 2
      dist/fancybox.esm.js
  2. 2
      dist/fancybox.umd.js
  3. 4
      src/Fancybox/plugins/Thumbs/Thumbs.js

2
dist/fancybox.esm.js

File diff suppressed because one or more lines are too long

2
dist/fancybox.umd.js

File diff suppressed because one or more lines are too long

4
src/Fancybox/plugins/Thumbs/Thumbs.js

@ -16,6 +16,8 @@ const defaults = {
// Customize Carousel instance // Customize Carousel instance
Carousel: {}, Carousel: {},
tpl: `<div class="fancybox__thumb" style="background-image:url('{{src}}')"></div>`,
}; };
export class Thumbs { export class Thumbs {
@ -142,7 +144,7 @@ export class Thumbs {
if (thumb) { if (thumb) {
slides.push({ slides.push({
html: `<div class="fancybox__thumb" style="background-image:url('${thumb}')"></div>`, html: this.fancybox.option("Thumbs.tpl").replace(/\{\{src\}\}/gi, thumb),
customClass: `has-thumb has-${slide.type || "image"}`, customClass: `has-thumb has-${slide.type || "image"}`,
}); });
} }

Loading…
Cancel
Save