Edit Gallery output

by Gregory Schultz   Last Updated January 13, 2018 01:08 AM

I have an image gallery that I want to turn it into a slideshow. There's a jQuery script from WooThemes that can do that but in order for it to work, I have to arrange it in a way that the script can recognize. The script looks for:

<div class="flexslider">
<ul class="slides">
  <img src="slide1.jpg" />

The gallery shortcode generates this:

<div id='gallery-1' class='gallery galleryid-1115 gallery-columns-1 gallery-size-major-img'><dl class='gallery-item'>
    <dt class='gallery-icon landscape'>
        <a href='http://openbayou.dev/gallery-test-2018-01-08-1115/olympus-digital-camera'><img width="1400" height="1050" src="http://openbayou.dev/wp-content/uploads/2018/01/P1010002-1400x1050.jpg" class="attachment-major-img size-major-img" alt="" aria-describedby="gallery-1-1116" srcset="http://openbayou.dev/wp-content/uploads/2018/01/P1010002-1400x1050.jpg 1400w, http://openbayou.dev/wp-content/uploads/2018/01/P1010002-300x225.jpg 300w, http://openbayou.dev/wp-content/uploads/2018/01/P1010002-768x576.jpg 768w, http://openbayou.dev/wp-content/uploads/2018/01/P1010002-1024x768.jpg 1024w, http://openbayou.dev/wp-content/uploads/2018/01/P1010002-375x281.jpg 375w, http://openbayou.dev/wp-content/uploads/2018/01/P1010002.jpg 1600w" sizes="(max-width: 1400px) 100vw, 1400px" /></a>

Is there a way to edit the output of the gallery shortcode?

Related Questions

Turn off image captions in gallery view?

Updated September 25, 2017 17:08 PM

Native gallery custom html output

Updated September 14, 2018 13:08 PM

Gallery images titles - get from post

Updated June 06, 2016 08:03 AM