26 lines
1.0 KiB
JavaScript
26 lines
1.0 KiB
JavaScript
|
// модуль для смены изображения в баннере по таймеру
|
||
|
|
|
||
|
|
import { getAllLines } from "./lines-rest-api";
|
||
|
|
// указывается блок, в котором будет баннер
|
||
|
|
// блок должен содержать изображения
|
||
|
|
async function myBanner() {
|
||
|
|
console.info("Loaded");
|
||
|
|
const data = await getAllLines();
|
||
|
|
data.forEach((item) => {
|
||
|
|
const im = document.createElement("img");
|
||
|
|
const ban = document.getElementById("banner");
|
||
|
|
const a = document.createElement("a");
|
||
|
|
a.setAttribute("class", "col-xs-12 col-sm-6 col-lg-3 w-auto h-auto m-2");
|
||
|
|
im.setAttribute("style", "max-width:300px; max-height:600px; min-width:300px; min-height:400px");
|
||
|
|
im.setAttribute("class", "img-fluid");
|
||
|
|
im.setAttribute("alt", "");
|
||
|
|
im.src = item.image;
|
||
|
|
im.class = "img-fluid";
|
||
|
|
a.appendChild(im);
|
||
|
|
ban.appendChild(a);
|
||
|
|
});
|
||
|
|
// получение всех изображений внутри баннера
|
||
|
|
}
|
||
|
|
|
||
|
|
export default myBanner;
|