title: How to make an event listener automatically load a web page on a slide show carousel?
body: <p>Hello I have a slide show carousel and I want it set it up to automatically load a web page when it gets to the last image on the slideshow. I was thinking I should use an event listener but Im not sure how to set this up. A lot of event listeners is setup to work on click but how do i make it work when it gets to the last slide?</p>
  <p>Im also using php code to display the images so it possible to have the event listener laod the web page when it sees  or is possible to set it up to load when it sees id=&quot;page-12&quot;?</p>
  <p>also Im using a 3rd party carousel that i found on youtube. <a href="https://www.youtube.com/watch?v=Ef-jvCazifc" rel="nofollow noreferrer">https://www.youtube.com/watch?v=Ef-jvCazifc</a>
  <a href="https://www.dropbox.com/s/z70a4q2coxcg392/amp.html?dl=0" rel="nofollow noreferrer">https://www.dropbox.com/s/z70a4q2coxcg392/amp.html?dl=0</a></p>
  <p>Below is the the carousel</p>
  <pre><code>      &lt;amp-story-page id=&quot;page-12&quot; auto-advance-after=&quot;2s&quot;&gt;
      &lt;amp-story-grid-layer template=&quot;fill&quot;&gt;
         &lt;amp-img width=&quot;400&quot; height=&quot;750&quot; layout=&quot;fill&quot; src=&quot;&lt;?= $thumbs[10]['file'] ?&gt;&quot;&gt;&lt;/amp-img&gt;
      &lt;/amp-story-grid-layer&gt;
    &lt;/amp-story-page&gt;
  </code></pre>