Answers.Body: <p>This isn't really a Craft question. Craft is simply responsible for outputting the requested data into your template, and you can use whatever you'd like on the front end to display it.</p>
  <p>What you want in this case is a JavaScript carousel or slider. You can build your own, or use a simple library. I like <a href="https://flickity.metafizzy.co/" rel="nofollow noreferrer">Flickity</a> and use it often, but if you just do a Google search for &quot;javascript carousel&quot; you'll find tons of options to choose from. If you're using a specific library or framework for your site, you might want to include that like &quot;javascript carousel bootstrap&quot; or &quot;javascript carousel react&quot; to find something that leverages libraries you're already loading.</p>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2020-09-07T23:10:48.310Z
Answers.LastActivityDate: 2020-09-07T23:10:48.310Z
Answers.UserDisplayName: R.J.
Body: <p>I have this code, which is basically a loop in a Twig template where I show opinions:</p>
  <pre><code>&lt;section class=&quot;opinions&quot;&gt;
      &lt;h2 class=&quot;opinions__title heading2&quot;&gt;
          Opiniones de otros guardianes
      &lt;/h2&gt;
      &lt;ul class=&quot; row md-12 center-md&quot;&gt;
          &lt;li class=&quot;col md-3&quot;&gt;
          {% for opinion in opiniones %}
              &lt;blockquote class=&quot;opinion__blq simple-bubble text-large&quot;&gt;
                  {{ opinion.opinion }}
              &lt;/blockquote&gt;
              &lt;p&gt;
                  {{ opinion.autor }}
              &lt;/p&gt;
              &lt;p&gt;
                  {{ opinion.ciudad }}
              &lt;/p&gt;
          {% endfor %}
          &lt;/li&gt;
      &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>
  <p>I'd like to create a simple slideshow to show these 3 opinions. I've tried with diferent methods but they don't work. Does someone know a simple, easy way to do it? Thanks.</p>
  
Comments.ContentLicense: CC BY-SA 4.0
Comments.CreationDate: 2020-09-08T15:58:41.857Z
Comments.Text: I’m voting to close this question because it doesn't really have anything to do with Craft CMS
Comments.UserDisplayName: Jalen Davenport
Tags: <templating><forloop>
Title: Simple way to create a slideshow with Twig and a for loop?
ThreadText: # Simple way to create a slideshow with Twig and a for loop?
  
  (Asked by: username_0 on 2020-09-07)
  
  I have this code, which is basically a loop in a Twig template where I show opinions:
  
  ```
  <section class="opinions">
      <h2 class="opinions__title heading2">
          Opiniones de otros guardianes
      </h2>
      <ul class=" row md-12 center-md">
          <li class="col md-3">
          {% for opinion in opiniones %}
              <blockquote class="opinion__blq simple-bubble text-large">
                  {{ opinion.opinion }}
              </blockquote>
              <p>
                  {{ opinion.autor }}
              </p>
              <p>
                  {{ opinion.ciudad }}
              </p>
          {% endfor %}
          </li>
      </div>
  </section>
  
  ```
  
  I'd like to create a simple slideshow to show these 3 opinions. I've tried with diferent methods but they don't work. Does someone know a simple, easy way to do it? Thanks.
  
  **Tags:** templating, forloop
  
  > **Comments:**
  > **username_1**: I’m voting to close this question because it doesn't really have anything to do with Craft CMS  
  
  ---
  
  ## 1 answers
  
  ### Answer by username_2 on 2020-09-07. Score: 1
  
  This isn't really a Craft question. Craft is simply responsible for outputting the requested data into your template, and you can use whatever you'd like on the front end to display it.
  
  What you want in this case is a JavaScript carousel or slider. You can build your own, or use a simple library. I like [Flickity](https://flickity.metafizzy.co/) and use it often, but if you just do a Google search for "javascript carousel" you'll find tons of options to choose from. If you're using a specific library or framework for your site, you might want to include that like "javascript carousel bootstrap" or "javascript carousel react" to find something that leverages libraries you're already loading.
  
  
  ---
  
  