impelement base_url and points of interest feature

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}`);
                             });
                         }
                     })