How can i display single image on front-end by using matrix module?

Question

I want to display single image on front-end by using matrix module. when I am uploading 2 image in slider I can see both image in slider but if i upload single image i can not see image at front-end.It display nothing.So Can you please help me to resolve this issue.

{exp:channel:entries channel="page" dynamic="yes"}
    {middle_slider}
        <div class="item" style="background-image: url('{slide_image}');">
            {if hide_one_page_middle_slider_quot == "No"}
                <img alt="img" src="{site_url}/assets/images/quote-left.png">
            {/if}
            {slide_content}
            {author}
        </div>‌
    ​{/middle_slider} 
{/exp:channel:entries}

Answer 1

Owl carousel will give you an error if you have 1 item and use loop=true. Add onInitialize to check how many items the carousel contains. If the carousel has 1 or less items, set loop to false:

$('.owl-carousel').owlCarousel({
    loop:true,
    onInitialize: function (event) {
        if ($('.owl-carousel .item').length <= 1) {
           this.settings.loop = false;
        }
    }
  })