Код срабатывает только после обновления страницы. Хочу вместо списка цветов масла добавить изображениями цветов масла

<!-- custom html/javascript code -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/image-picker/0.3.1/image-picker.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/arrive/2.4.1/arrive.min.js" integrity="sha512-wkU3qYWjenbM+t2cmvw2ADRRh4opbOYBjkhrPGHV7M6dcE/TR0oKpoDkWXfUs3HrulI2JFuTQyqPLRih1V54EQ==" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/image-picker/0.3.1/image-picker.css">
 
<script>
   var imageSelect;
   
   imageSelect = function(){
     
     if( $('div[data-product-uid="891394094472"] .t-store__prod-popup__info select').is('select') ) console.log("Select существует");
     else console.log("Select не существует");
     
     var eqSelect = 0;
     $('div[data-product-uid] .t-store__prod-popup__info').arrive("select", function() {
            var $newElem = $(this);
            
            console.log("Функция imageSelect сработала");
            
            if( eqSelect == 1 )
            {
             //Заменяем список выбора цвета на картинки
          $(this).find("option").each(function( index ) {
           //console.log( index + ": " + $( this ).text() );
           //console.log("Добавляем параметр option");
   
           switch( $( this ).text() ){
            case 'Бесцветный': $( this ).attr("data-img-src", "https://i.ibb.co/7pFqYNV/3032.png");
                   break;
            case 'Дуб светлый': $( this ).attr("data-img-src", "https://i.ibb.co/SdmLk8x/3103.png");
        break;
            case 'Серый гранит': $( this ).attr("data-img-src", "https://i.ibb.co/2gjFwbk/3118.png");
        break;
            case 'Клен темный': $( this ).attr("data-img-src", "https://i.ibb.co/wYz3QN7/3123.png");
        break;
            case 'Махагон': $( this ).attr("data-img-src", "https://i.ibb.co/LxVRXfC/3138.png");
        break;
            case 'Коньяк': $( this ).attr("data-img-src", "https://i.ibb.co/02W9xjf/3143.png");
        break;
            case 'Венге': $( this ).attr("data-img-src", "https://i.ibb.co/z6VkvnD/3161.png");
        break;
            case 'Орех': $( this ).attr("data-img-src", "https://i.ibb.co/GcCqFCj/3166.png");
        break;
            case 'Дуб античный': $( this ).attr("data-img-src", "https://i.ibb.co/Y8d4Cwh/3168.png");
        break;
            default: $( this ).attr("data-img-src", "https://i.ibb.co/pv3LXkS/noimg.jpg");
           }
          });
          
          //console.info("Применяем Image Picker");
          //jQuery("select#test").imagepicker({
          $(this).imagepicker({
           hide_select:  true,
           show_label:   true,
          });
          
          //Чтобы убралась стрелочка у нужного select
           $(this).parent().addClass('hideArrow');
          
          //Arrive.unbindAllArrive();
           $('div[data-product-uid="891394094472"] .t-store__prod-popup__info').unbindArrive("select");
            }
         eqSelect++;
        });
   }
 
jQuery(document).ready(imageSelect);
 
$(document).on('page:load', imageSelect);
</script>
 
 <style>
     .t-store .t-product__option-variants.hideArrow:after {
         display: none;
     }
  ul.thumbnails {
   display: flex;
   flex-wrap: wrap;
  }
  #allrecords ul.thumbnails {
            padding-left: 0;
        }
  ul.thumbnails.image_picker_selector li .thumbnail {
   padding: 3px 4px 0;
   border: 1px solid transparent;   
  }
  ul.thumbnails.image_picker_selector li .thumbnail.selected {
   background: #fff;
   border: 1px #ddd solid;
  }
  ul.thumbnails.image_picker_selector li .thumbnail p {
   font-size: 10px;
   width: auto;
   margin: 2px 0px;
   overflow: hidden;
   height: 23px;
   text-align: center;
  }
  
  @media screen and (max-width: 650px) {
   ul.thumbnails.image_picker_selector li .thumbnail p {
    /*display: none;*/
    font-size: 9.5px;
   }
   ul.thumbnails.image_picker_selector li .thumbnail img {
                width: 70px;
                height: 70px;
            }
  }
 </style>

<html>
<head>
<meta charset="UTF-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/js/select2.min.js"></script>
<style>
 
</style>
</head>
<body>
 
выбрано: <div id="result"></div>
<br>
<select id="s1" stle="width:200px;"></select><script>
 
function format (option) {
    if (!option.id) {return option.text;}
    var ob = $('<img src="'+option.img+'"><span sty>'+option.text+'</span>');
    return ob;
};
 
$('#s1').select2({
    width: '200px',
    data:[
        {id:0, text:'Бесцветный', img: 'https://i.ibb.co/7pFqYNV/3032.png'},
        {id:1, text:'Дуб светлый', img: 'https://i.ibb.co/SdmLk8x/3103.png'},
        {id:2, text:'Серый гранит', img: 'https://i.ibb.co/2gjFwbk/3118.png'},
    ],
    templateResult: format,
}).on('change.select2', function(){
    var d = $('#s1').select2('data');
    $('#result').html('<img src="'+d[0].img+'">'+d[0].text);
});
 
 
</script>
</body>
</html>