Random Image Display using Web content in liferay

<script>
window.onload=function abc(){
   var description=[
                "$request.get("theme-display").path-theme-images/veteran/banner.jpg",
                "$request.get("theme-display").path-theme-images/veteran/1.jpg",
                "$request.get("theme-display").path-theme-images/veteran/2.jpg",
                "$request.get("theme-display").path-theme-images/veteran/3.jpg",
                "$request.get("theme-display").path-theme-images/veteran/4.jpg",
                "$request.get("theme-display").path-theme-images/veteran/5.jpg",
                "$request.get("theme-display").path-theme-images/veteran/6.jpg"
                ];
 var size = description.length

var x = Math.floor(size*Math.random())

var picture = $('.picture-tag');

var img = picture.next();

picture.attr('srcset',description[x]);

img.attr('src',description[x]);
}
</script>



<div class="banner_box ">
  <picture>
    <source srcset="$imageBannerSmall.getData()" media="(max-width: 766px)"                                  class="picture-tag">
         <img <img window.onload="abc()"/>
   </picture>
</div>