Как я могу использовать один и тот же виджет дважды на одной странице

Я использую виджет fotorama и хочу создать страницу сравнения.

Я делю страницу и использую 2 виджета для сравнения изображений

Я попытался изменить исходный код, но он все еще не работает.

Это исходный код

<div class="row">
<div class="col-sm-6">
<center>
 <?php 
$fotorama = Fotorama::begin(
    [
        'options' => [
            'height' => '540px',
            'width' => '720px',
            'loop' => true,
            'hash' => true,
            'ratio' => 800/600,
            'transition' => 'dissolve',
            'arrows' => true,
            'nav' => 'thumbs',
            'navposition' => 'bottom',
            'thumbwidth' => 50, // Number. Tumbnail width in pixels.
            'thumbheight' => 50, 
        ],
        'spinner' => [
            'lines' => 20,
        ],
        'tagName' => 'span',
        'useHtmlData' => false,
        'htmlOptions' => [
            'class' => 'custom-class',
            'id' => 'custom-id',
        ],
    ]
);
$id = Yii::$app->request->queryParams['id'];
switch ($id) {
     case '1':
         $folder = "gsmap7";
         break;
     case '2':
         $folder = "ismidx";
         break;     

     default:
         # code...
         break;
 } 

foreach ($dataProvider as $model ) {
    echo "<img src=\"../img/{$folder}/{$model->NAMA_FILE}\" > ";
}   

$fotorama->end(); ?>
</center>
</div><div class="col-sm-6">
<center>
 <?php 
$fotorama2 = Fotorama::begin(
    [
        'options' => [
            'height' => '540px',
            'width' => '720px',
            'loop' => true,
            'hash' => true,
            'ratio' => 800/600,
            'transition' => 'dissolve',
            'arrows' => false,
            'nav' => 'thumbs',
            'navposition' => 'bottom',
            'thumbwidth' => 50, // Number. Tumbnail width in pixels.
            'thumbheight' => 50, 
        ],
        'spinner' => [
            'lines' => 20,
        ],
        'tagName' => 'span',
        'useHtmlData' => false,
        'htmlOptions' => [
            'class' => 'custom-class',
            'id' => 'custom-id',
        ],
    ]
);

switch ($id) {
     case '1':
         $folder = "ismidx";
         break;
     case '2':
         $folder = "";
         break;     

     default:
         # code...
         break;
 } 

foreach ($dataProvider_compare as $model ) {
    echo "<img src=\"../img/{$folder}/{$model->NAMA_FILE}\" > ";
}   

$fotorama2->end(); ?>
</center>
</div>
</div>

И вот что произошло

Можно ли использовать один и тот же виджет на одной странице или нет? Или вы можете сказать мне, что классный виджет показывает миниатюру изображения и навигацию «следующий», «предыдущий» и «воспроизведение»? Это как просмотрщик изображений в окнах