Tengo un problema con este caso:

Tengo un contenido de texto largo y junto a él algunas fotos (valor x) en posición absoluta. Necesito hacer un script que cambie la foto según el desplazamiento del texto.

Ejemplo:

cuando tenemos tres fotos:

1. Al principio siempre mostramos el primero.
2. Cuando desplazamos el texto 33% y menos del 66% del texto, mostramos la segunda imagen
3. Cuando desplazamos el texto más del 66% del texto, mostramos la tercera imagen

El problema es que el cliente puede configurar cualquier cantidad de fotos .

Estoy pidiendo ayuda para escribir una instrucción condicional específica que me permita mostrar una foto específica dependiendo de dónde nos encontremos en el texto.

Ejemplo similar:https://codepen.io/akapowl/pen/9d0d9e474a12885298166cac5d1aa134

Conozco el texto de progreso (con GSAP) del texto leído.

Ejemplo para tres fotos:

 let imagesCountValue = 3 // let imagesCountProgress = imagesCountValue / 3 if (progressText >= imagesCountProgress && progressText < imagesCountProgress * 2) { // show second photo } elseif( progressText > imagesCountProgress * 2 ) { // show third photo } else { // show first photo? }

¿Cómo hago un if para cualquier cantidad de fotos?