¿Cómo disparo un modal para el siguiente paso en mis introjs?

Entonces IntroJS funciona fuera dedata-intro ydata-step atributos.

Entonces, por ejemplo, mi logotipo se ve así:

<h1 id="logo" data-step="1" data-intro="Welcome to MyApp, where you can start creating an album for generations! Let us help you get started.">

Pero para el paso 3 está en un elemento que cuando se presiona, el siguiente paso debe estar en el modal que aparecería si se presionara el elemento en el Paso 3.

Tengo esto como miStep 4 que no funciona

<div class="popup" id="add-images-step-1" data-step="4" data-intro="GETS TO UPLOADING">

En este momento, cuando llegasStep 3 y presionenext, le da un cuadro blanco vacío que está fuera de la pantalla.

¿Cómo consigo que se centre en ese modal?

Respuestas a la pregunta(1)

Su respuesta a la pregunta