Модальное окно

[timedo]

Модальное окно

Здравствуйте. У меня при клике на картинку открывается модальное окно. Кода нажимаешь на картинку в модальном окне она не перелистываться,(т.е не переключается на следующую картинку). Помогите мне пожалуйста сделать что при нажатии на картинку в модальном окне она перелистовалась на следующую.

скрипт в index.php

function openpicture(name, pic) {
        $('.modal').load("getimg.php?name=" + name + "&pic=" + pic);
    }
    
        jQuery(function($){
            // bind event handlers to modal triggers
            $('body').on('click', '.trigger', function(e){
                
                $('#test-modal').modal().open();
            });
            // attach modal close handler
            $('.modal .close').on('click', function(e){
                e.preventDefault();
                $.modal().close();
            });
            // below isn't important (demo-specific things)
            $('.modal .more-toggle').on('click', function(e){
                e.stopPropagation();
                $('.modal .more').toggle();
            });
        });

Вывод в index.php

echo "<a class='title' " . $row['imgsrc'] . "'>" . $row['name']. "</a><br>";
$imgsrc = $row['imgsrc'];
$tname = $row['name'];
echo "<a class='trigger' href='javascript:openpicture(\"$tname\",\"$imgsrc\")'><img src='img/" . $row['imgsrc'] . "' width='1%' '/></a><br>";

файл getimg.php

$title = $_GET['name'];
$img = $_GET['pic'];
echo $title;
echo "<center><img src='img/". $img . "'></center>";

И еще у меня проблема, если картирка с пробелами то картинку не выводит, я знаю что пробелы заменяются на %20 и есть стандартная функция, но куда ее вставлять. Спасибо всем за помощь.