JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="section">
     <li id="pic0" class='sub_section' data-path='http://www.bealecorner.com/trv900/respat/eia1956-small.jpg' 
        data-title="Optional title"  
        data-target='_blank' >  
    </li> 
    <li id="pic1" class='sub_section' 
        data-path='http://riverboatsmusic.com.au/wp-content/uploads/2014/09/1shuu4q3.wizardchan.test_.png' 
        data-title="Nullam aliquam" 
        data-target='_blank' >
    </li> 
</ul>

JavaScript

var urlArray = [{src: 'http://riverboatsmusic.com.au/wp-content/uploads/2014/09/1shuu4q3.wizardchan.test_.png'},
                    {src: 'http://www.bealecorner.com/trv900/respat/eia1956-small.jpg'}];

    setInterval(function () {
        for(var i = 0; i < urlArray.length; i++){ 
            document.getElementById("pic"+i).setAttribute("data-path", urlArray[i].src);
            console.log("running");
        } 
    }, 3000);