diff options
Diffstat (limited to 'esm/scripts/slidetray.js')
| -rw-r--r-- | esm/scripts/slidetray.js | 20 |
1 files changed, 11 insertions, 9 deletions
diff --git a/esm/scripts/slidetray.js b/esm/scripts/slidetray.js index bb21aa8..b34737c 100644 --- a/esm/scripts/slidetray.js +++ b/esm/scripts/slidetray.js @@ -5,13 +5,13 @@ import Swiper from 'https://unpkg.com/swiper@11.1.15/swiper-bundle.mjs?module'; const slidetray = (setup) => { let factory = { - setup: { /** @object : slidetray paramaters */ }, + setup: { /** @object : slidetray parameters */ }, features: [], defaults: { selector: '.slidetray', - source_url: '', + base_url: '', effect: 'flip', theme: 'light', navigation: true, @@ -35,6 +35,7 @@ const slidetray = (setup) => { } this.setup = json; this.presentation.initer = this.define_engine_args(json); + return this; }, @@ -82,26 +83,27 @@ const slidetray = (setup) => { this.setup.slides.forEach( (slide, i) => { let slideHtml = ` <div class="swiper-slide" data-id="${i}"> - <img src="${slide.image}" /> + <img src="${this.setup.base_url}/${slide.image}" /> `; if (slide.poi && Array.isArray(slide.poi)) { - let slideClass = `f-${i}-${j}`; + slide.poi.forEach( (poi, j) => { + let slideClass = `f-${i}-${j}`; - if (poi.link) { + if (poi.link) { // link html slideHtml += `<div class="${slideClass}"> - <a href="${poi.link}">${poi.text}</a> + <a href="${poi.link}" target="_blank">${poi.text}</a> </div>`; } else { - slideHtml += `<div class="f-${i}-${j}"> + slideHtml += `<div class="${slideClass}"> ${poi.text} </div>`; } - if (poi.style) { + if (poi.style) { // link css poi.style.forEach( rs => { // ruleset - css.push(`.${slideClass} ${rs}`); + css.push(`.${slideClass}${rs}`); }); } }) |