diff --git a/src/main.ts b/src/main.ts index 35ea6d0..45b7f66 100644 --- a/src/main.ts +++ b/src/main.ts @@ -1,9 +1,15 @@ import './scss/index.scss' -import { changeImage } from './ts/changeImage' -//import { countEffect } from './ts/countEffect' -import { mobileNav } from './ts/navLogic' -import { animationInMobile } from './ts/subtitleAnimationsInMobile' +import { changeImage, mobileNav, animationInMobile, countEffect } from './ts/index' +animationInMobile() +mobileNav() +//countEffect() +changeImage(document.querySelector('.image1'), [ + 'logo.png', + 'image.png', + 'image2.png', +]) +changeImage(document.querySelector('.image2'), [ changeImage(document.querySelector('.image1'), ['logo.png', 'image.png', 'image2.png']) changeImage(document.querySelector('.image2'), [ 'image3.png', @@ -11,6 +17,3 @@ changeImage(document.querySelector('.image2'), [ 'taller1.png', 'image5.png', ]) - -mobileNav() -animationInMobile() diff --git a/src/ts/changeImage.ts b/src/ts/changeImage.ts index 9372286..6c87ff3 100644 --- a/src/ts/changeImage.ts +++ b/src/ts/changeImage.ts @@ -12,7 +12,6 @@ export const changeImage = (element: any, images: string[]): void => { element.classList.remove('animation') }, 500) if (i >= images.length) i = 0 - element.src = `./src/assets/img/${images[i]}` - i += 1 + element.src = `../assets/img/${images[i]}` }, 5000) } diff --git a/src/ts/index.ts b/src/ts/index.ts new file mode 100644 index 0000000..0537b72 --- /dev/null +++ b/src/ts/index.ts @@ -0,0 +1,4 @@ +export * from './changeImage' +export * from './countEffect' +export * from './navLogic' +export * from './subtitleAnimationsInMobile'