title: Cycle pages in jekyll which onclick trigger
body: <p>I have created a directory ../category/{{page.title}} which make pages corresponding to individual category. I am trying to cycle those pages using a image on-click event. Something similar to carousal in bootstrap but in jekyll liquid only.
  Here is the code</p>
  
  <pre><code>{% for item in site.categories %}
   &lt;a href="item.url"&gt; 
      &lt;img src ="My image location"&gt; 
   &lt;/a&gt;
  {% endfor %}
  </code></pre>
  
  <p>On click it redirects to my particular category post which is last in order. </p>