魔术360产品视图拍摄的照片不超过30张?如何将 img src 作为参数传递,以便它需要 60 多张图像进行 360 次旋转?



我有一个HTML和JavaScript混合代码片段,它使用一个名为magicbox 360工具包的插件,但即使文件夹中存在许多图片,它也不会拍摄超过30张图像。我尝试了他们的文档;似乎什么都不起作用。

<div class="app-figure" id="zoom-fig">
    <!--    <a id="spin-1" class="Magic360" data-options="rows:55; columns:55"-->
    <!--        href="imagesarmani-bagarmani-bag-small-01-01.jpg">-->
    <!--    <img src="imagesarmani-bagarmani-bag-small-01-01.jpg"></a>-->
    <!-- <a id="spin-1" class="Magic360" data-options="rows:55; columns:55 "> <img src="imagesarmani-bagp-01.jpg"></a> -->
    <a class="Magic360" data-options="filename:p-01-{row}-{col}.jpg; rows:4; columns:12;"><img src="imagesarmani-bagp-01.jpg""/></a></div>

在您的代码中,第一个旋转图像是 p-01.jpg 。这与文件名描述符不匹配,文件名描述符p-01-{row}-{col}.jpg

在不知道图像文件名的情况下,我想答案是:

  1. 描述符应p-{col}.jpg
  2. 或者第一个图像应该是类似 p-01-01-01.jpg .

您的图像的文件名是什么?

最新更新