diff options
| author | Geo Halkiadakis <gchalkiadakis@sklavenitis.co.gr> | 2024-11-26 11:57:19 +0200 |
|---|---|---|
| committer | Geo Halkiadakis <gchalkiadakis@sklavenitis.co.gr> | 2024-11-26 11:57:19 +0200 |
| commit | 943f66c1c60c41c56b8ef0066478b69251f9048f (patch) | |
| tree | 359295597c70fd02ad79ee916e1ff5ac12d914c2 /demos | |
| parent | ac57b98df77219c8529c4547b13366df3e998b2c (diff) | |
| download | slidetray-943f66c1c60c41c56b8ef0066478b69251f9048f.tar.gz slidetray-943f66c1c60c41c56b8ef0066478b69251f9048f.tar.bz2 slidetray-943f66c1c60c41c56b8ef0066478b69251f9048f.zip | |
impelement base_url and points of interest feature
Diffstat (limited to 'demos')
| -rw-r--r-- | demos/scripts/slidetray.js | 33 |
1 files changed, 17 insertions, 16 deletions
diff --git a/demos/scripts/slidetray.js b/demos/scripts/slidetray.js index 7c32f5b..ffe5847 100644 --- a/demos/scripts/slidetray.js +++ b/demos/scripts/slidetray.js @@ -8,13 +8,13 @@ define([ const presentation = (setup) => { let factory = { - setup: { /** @object : slidetray paramaters */ }, + setup: { /** @object : slidetray parameters */ }, features: [], defaults: { selector: '.slidetray', - source_url: '', + base_url: '', effect: 'none', theme: 'light', navigation: true, @@ -77,34 +77,35 @@ define([ prepare: function() { // prepare slides and css let html = []; let css = []; - + if (this.setup.hasOwnProperty('css')) { css.push(this.setup.css); } - + this.setup.slides.forEach( (slide, i) => { - slideHtml = ` + 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) => { - - if (poi.link) { + let slideClass = `f-${i}-${j}`; + + 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}`); }); } }) @@ -114,7 +115,7 @@ define([ }); this.presentation.html = html.join('\n'); this.presentation.css = css.join('\n'); - + return this; }, |