小编xze*_*rzx的帖子

我正在尝试创建一个由多个360度图像组成的图库.我想使用Valiant360,因为它似乎完成了我需要做的所有事情.

通过Angular的启动工作非常好,但现在我正处于我想要实现多个图像的地步,它只是不起作用.

没有错误,没有日志,没有.

所以这是我的代码......

在html模板中:

<ul class="view__content--imageList">
    <li class="view__content--listItem" ng-repeat="image in laden.images" ng-click="loadImage($index)">
        <p class="view__content--description">{{image.description}}</p>
    </li>
</ul>

在相应的js内的控制器中:

var container = $('.valiantPhoto');

laden.success(function (data)
{
    $scope.laden = data;
    console.log(data);

    $timeout(function ()
    {
        container.Valiant360({
            hideControls: false,
            fov: 35,
            fovMin: 35,
            fovMax: 35,
            clickAndDrag: true
        });
    });
});

$scope.loadImage = function (id)
{

    var image = $scope.laden.images[id].image;
    var mimage = $scope.laden.images[id].mimage;

    if ($('.view__content--360gallery').height() > 300)
    {
        container.Valiant360('loadPhoto', image);
    } else {
        container.Valiant360('loadPhoto', mimage);
    }
}

我操纵原始插件js有日志,那里的功能现在看起来像这样:

loadPhoto: function(photoFile) {
    console.log("Loading..."); …