Как сделать адаптивный слайдер через custom?

  <li>
                           <img src="/slide/1.jpg">
                        </li>

                        <li>
                            <img src="/slide/2.jpg">
                        </li>

                        <li>
                            <img src="/slide/3.jpg">
                        </li>
                        <li>
                            <img src="/slide/4.jpg">
                        </li>

{custom category="1" template="banners" }

{short-story}
<script>
    $("p img").wrap("<li></li>");
</script>